abbr, address, article, aside, audio, b, blockquote, caption, cite, code, dd, del, details, dfn, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video{margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: 400;vertical-align: baseline;background: 0 0}
@font-face{font-family: 'akzidenz-grotesk_bqregular';src: url('../fonts/akzidenzgroteskbq-medium.eot');src: url('../fonts/akzidenzgroteskbq-medium.eot') format('embedded-opentype'), url('../fonts/akzidenzgroteskbq-medium.woff') format('woff'), url('../fonts/akzidenzgroteskbq-medium.ttf') format('truetype'), url('../fonts/akzidenzgroteskbq-medium.svg#akzidenz-grotesk_bqregular') format('svg');font-weight: normal;font-style: normal}
.font-akz{font-family: 'akzidenz-grotesk_bqregular'}
.iconfont{font-family: "iconfont";font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon{width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden}
body{font-family: "Helvetica Neue", "Open Sans", "San Francisco", Helvetica, "Microsoft YaHei", Arial, sans-serif;font-size: 16px;color: #444;max-width: 1920px;margin: 0 auto;padding-top: 100px;background: #fff}
@media (max-width:1200px){.page-banner-box .banner-text > div{padding-left:30px;}}
@media (max-width: 991px){body{padding-top: 60px}
.news-details-page .news-box .title-box h1{line-height: 25px;font-size: 30px !important;}
.news-details-page{padding: 40px 20px}}
@media (max-width: 768px){.page-banner-box .banner-text > div{padding:0 10px;}}
@media (max-width: 749px){body{font-size: 12px}}
.fl{float: left}
.fr{float: right}
.lazythumb{text-align: center;position: relative;background: #f8f8f8}
.lazythumb img{height: 30px;top: 50%;position: absolute;left: 0;right: 0;margin: 0 auto;margin-top: -15px}
.animated{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);opacity: 1}
.page-common-title{max-width: 1240px;margin: 0 auto;line-height: 1;text-align: center}
.page-common-title h4{font-size: 30px;margin-top: -30px}
.page-common-title p{font-size: 20px;color: #888;margin-top: 10px;line-height: 20px;}
.page-common-title .en{height: 70px;font-size: 90px;line-height: 70px;text-transform: uppercase;font-family: 'akzidenz-grotesk_bqregular';color: #f7f7f7}
@media (max-width: 991px){.page-common-title{max-width: 1240px;margin: 0 auto;line-height: 1;text-align: center;margin-bottom: 30px;}
.page-common-title h4{font-size: 28px;margin-top: -18px}
.page-common-title p{font-size: 16px;color: #888;margin-top: 10px}
.page-common-title .en{height: 40px;font-size: 40px;line-height: 40px;text-transform: uppercase;font-family: 'akzidenz-grotesk_bqregular';color: #f7f7f7}}
.routine-title h4{margin-top: 0}
.list-page-filp{margin: 30px 0 !important;text-align: center !important;}
.list-page-filp .pagination li{padding: 0 14px !important;height: 34px !important;line-height: 34px;display: inline-block;border: 1px solid #ddd;margin: 15px 0.25rem !important;color: #fff;color: #444;width: auto !important;font-size: 12px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.list-page-filp .pagination li.active{background: #e23433;color: #FFF;}
.list-page-filp li:hover a{color: #fff}
.list-page-filp li:hover{background: #e23433;color: #fff}}
.list-page-filp li a{display: block}
.list-page-filp li span{display: block;height: 10px;}
.list-page-filp .pagination li.active span,.list-page-filp .pagination li.disabled span{height: auto;}
.list-page-filp li .iconfont{font-size: 22px}
.list-page-filp .next, .list-page-filp .prev{width: 70px}
.list-page-filp .omit{display: inline-block;width: 40px;height: 40px;font-size: 14px;margin: 0 1px;color: #444;background: #f9f9f9;line-height: 40px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;text-transform: uppercase}
.list-page-filp .current{display: inline-block;width: 40px;height: 40px;line-height: 40px;background: #e23433;color: #fff;margin: 0 2px}
.list-page-filp .curr{display: inline-block;width: 40px;height: 40px;line-height: 40px;background: #e23433;color: #fff}}
@media (max-width: 767px){
.list-page-filp{display: block;text-align: center;font-size: 0}
.list-page-filp li{display: inline-block;width: 30px;height: 30px;font-size: 12px;line-height: 30px}
.list-page-filp .omit{display: inline-block;width: 30px;height: 30px;font-size: 12px;margin: 0 1px;color: #444;background: #f9f9f9;line-height: 30px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;text-transform: uppercase}
.list-page-filp .current{display: inline-block;width: 30px;height: 30px;font-size: 12px;line-height: 30px}
.list-page-filp .curr{display: inline-block;width: 30px;height: 30px;font-size: 14px;line-height: 30px;background: #e23433;color: #fff}}{width: 100%;height: 100px;position: fixed;top: 0;left: 0;right: 0;z-index: 9999}
.header-max-content{height: 100px;background: #fff;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 1;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);position: absolute;top: 0;left: 0;right: 0;z-index: 9999}
.max-active-content{-webkit-transform: scale(0, 0);-moz-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);opacity: 0}
.header-logo{padding: 20px 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 20px;top: 0;bottom: 0;z-index: 9999}
.header-logo .logo{float: left;height: 100%}
.header-logo .logo img{display: block;height: 100%}
.header-logo .tel-box{float: left;margin-left: 10px;padding: 5px 0 5px 10px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;border-left: 1px solid #eae9e9;font-size: 16px}
.header-logo .tel-box p{color: #777}
.header-logo .tel-box p:first-child{letter-spacing: 3px}
.header-logo .tel-box .tel{font-size: 24px;color: #e23433;margin-top: 5px}
.header-min-content{height: 70px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: translate(0, -70px);-moz-transform: translate(0, -70px);-ms-transform: translate(0, -70px);-o-transform: translate(0, -70px);transform: translate(0, -70px);background: #fff;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);position: absolute;top: 0;left: 0;right: 0;z-index: 9999}
.header-min-content .header-logo{padding: 10px 0}
.header-min-content .header-logo .tel-box{float: left;margin-left: 10px;padding: 0 0 0 10px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;border-left: 1px solid #eae9e9;font-size: 16px}
.header-min-content .header-logo .tel-box p{color: #777;line-height: 1.2}
.header-min-content .header-logo .tel-box p:first-child{letter-spacing: 2px}
.header-min-content .header-logo .tel-box .tel{font-size: 24px;color: #e23433;margin-top: 5px}
.min-active-content{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)}
.header-nav-box{display: none;padding: 300px 0 0 0;background: #fff;text-align: center;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 999}
.nav-list{display: inline-block}
.nav-list > li{float: left;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.nav-list > li:first-child a{border-left: none}
.nav-list > li > a, .nav-list > li .arrow-dropdown{display: block;font-size: 30px;line-height: 80px;padding: 0 30px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}}




@media (min-width: 991px){.nav-list > li > a:hover, .nav-list > li .arrow-dropdown:hover{color: #e23433}} .nav-list > li > .arrow{cursor: pointer}
.nav-list > li > .arrow span{position: relative}
.nav-list > li > .arrow span::before{content: "";width: 8px;height: 8px;border-top: 2px solid;border-left: 2px solid;border-right: 2px solid transparent;border-bottom: 2px solid transparent;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);position: absolute;right: -20px;top: 50%;margin-top: -8px}
.nav-list > .curr > a, .nav-list .curr .arrow{color: #e23433}
.nav-list > .curr > a::after, .nav-list .curr .arrow::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.nav-list .dropdown-menu{display: none;color: #444;background: #fff;overflow: hidden;position: absolute;top: 80px;left: -100%;right: -100%;}
.nav-list .dropdown-menu li{margin: 0 7px;height: 40px}
.nav-list .dropdown-menu li > a{display: inline-block;height: 100%;font-size: 24px;line-height: 40px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.nav-list .dropdown-menu li > a::after{content: "";display: block;height: 4px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(0, 0);-moz-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);position: absolute;left: 0;right: 0;bottom: 0}
@media (min-width: 991px){.nav-list .dropdown-menu li > a:hover::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}} .nav-list .dropdown-menu .curr > a::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.nav-btn-box{cursor: pointer;font-size: 20px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;text-transform: uppercase;line-height: 20px;position: absolute;top: 60%;right: 20px;margin-top: -8px;z-index: 9999}
.nav-btn-box-active{color: #e23433}
.nav-button{float: right;width: 24px;height: 20px;padding: 0;margin-left: 5px;position: relative;background: none;border: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.nav-button .icofnot{float: left}
.nav-button > span{display: block;width: 100%;height: 2px;background: #444;position: absolute;left: 0;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;z-index: 999}
.nav-button > span:nth-of-type(1){top: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.nav-button > span:nth-of-type(2){width: 80%;top: 50%;margin-top: -1px}
.nav-button > span:nth-of-type(3){bottom: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.nav-button > span:nth-of-type(4){width: 2px;height: 0;top: 0;left: 50%;bottom: 0;margin: auto 0;margin-left: -1px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.nav-button span.two.squize{width: 0}
.nav-button span.rotate30{-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-ms-transform: rotate(30deg);-o-transform: rotate(30deg);transform: rotate(30deg)}
.nav-button span.rotate150{-webkit-transform: rotate(150deg);-moz-transform: rotate(150deg);-ms-transform: rotate(150deg);-o-transform: rotate(150deg);transform: rotate(150deg)}
.nav-button span.rotate45{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out}
.nav-button span.rotate135{-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out}
.off{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.off span:nth-of-type(1){top: 0;opacity: 1}
.off span:nth-of-type(3){bottom: 0;opacity: 1}
.open{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.open span{background: #e23433}
.open span:nth-of-type(1){top: 50%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0}
.open span:nth-of-type(2){width: 100%}
.open span:nth-of-type(3){bottom: 50%;opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.open span:nth-of-type(4){width: 2px;height: 24px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (max-width: 1024px){{ width: 100%;height: 60px}
.header-max-content{height: 60px}
.header-logo{padding: 10px 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 20px;top: 0;bottom: 0;z-index: 9999}
.header-logo .logo{float: left;height: 100%}
.header-logo .logo img{display: block;height: 100%}
.header-logo .tel-box{float: left;margin-left: 10px;padding: 0 0 0 10px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;border-left: 1px solid #eae9e9;font-size: 12px}
.header-logo .tel-box p{color: #777;line-height: 1.2}
.header-logo .tel-box p:first-child{letter-spacing: 2px}
.header-logo .tel-box .tel{font-size: 18px;color: #e23433;margin-top: 5px}
.header-nav-box{display: none;padding: 60px 0 0 0;background: #fff;text-align: left;overflow-y: auto;position: fixed;left: 0;top: 55px;right: 0;bottom: 0;z-index: 999}
.nav-list{display: block}
.nav-list > li{float: none;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.nav-list > li:first-child a{border-left: none}
.nav-list > li > a, .nav-list > li .arrow-dropdown{display: block;font-size: 20px;line-height: 60px;padding: 0 30px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.nav-list > li > .arrow span{position: relative}
.nav-list > li > .arrow span::before{content: "";width: 8px;height: 8px;border-top: 2px solid;border-left: 2px solid;border-right: 2px solid transparent;border-bottom: 2px solid transparent;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);position: absolute;right: -35px;top: 50%;}
.nav-list > .curr > a{color: #e23433}
.nav-list > .curr > a::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.nav-list .dropdown-menu{display: none;color: #444;background: #fff;overflow: hidden;position: static;padding-left: 50px}
.nav-list .dropdown-menu li{margin: 0 7px;height: 40px}
.nav-list .dropdown-menu li > a{display: inline-block;height: 100%;font-size: 16px;line-height: 40px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.nav-list .dropdown-menu li > a::after{content: "";display: block;height: 4px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(0, 0);-moz-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);position: absolute;left: 0;right: 0;bottom: 0}
.nav-list .dropdown-menu .curr > a::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.nav-btn-box{font-size: 0}}
@media (max-width: 1024px) and (min-width: 991px){.nav-list > li > a:hover, .nav-list > li .arrow-dropdown:hover{color: #e23433}}
@media (max-width: 749px){.header-max-content{height: 60px}
.header-max-content .header-logo{padding: 10px 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 10px;top: 0;bottom: 0;z-index: 9999}
.header-max-content .header-logo .logo{float: left;height: 100%}
.header-max-content .header-logo .logo img{display: block;height: 90%}
.header-min-content{display: none}
.header-nav-box{display: none;padding: 60px 0 0 0;background: #fff;text-align: left;overflow-y: auto;position: fixed;left: 0;top: 24px;right: 0;bottom: 0;z-index: 999}
.nav-list{display: block}
.nav-list > li{float: none;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.nav-list > li:first-child a{border-left: none}
.nav-list > li > a, .nav-list > li .arrow-dropdown{display: block;font-size: 20px;line-height: 60px;padding: 0 30px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.nav-list > li > .arrow span{position: relative}
.nav-list > li > .arrow span::before{content: "";width: 8px;height: 8px;border-top: 2px solid;border-left: 2px solid;border-right: 2px solid transparent;border-bottom: 2px solid transparent;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);position: absolute;right: -20px;top: 50%;margin-top: -8px}
.nav-list > li > .arrow_test span::before{content: "";width: 10px;height: 10px;border-top: 2px solid;border-left: 2px solid;border-right: 2px solid transparent;border-bottom: 2px solid transparent;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);position: absolute;right: -30px;top: 50%;margin-top: -13px}
.nav-list > .curr > a{color: #e23433}
.nav-list > .curr > a::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.nav-list .dropdown-menu{display: none;color: #444;background: #fff;overflow: hidden;position: static;padding-left: 40px}
.nav-list .dropdown-menu li{margin: 0 7px;height: 40px}
.nav-list .dropdown-menu li > a{display: inline-block;height: 100%;font-size: 16px;line-height: 40px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative;letter-spacing: 1px;}
.nav-list .dropdown-menu li > a::after{content: "";display: block;height: 4px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(0, 0);-moz-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);position: absolute;left: 0;right: 0;bottom: 0}
.nav-list .dropdown-menu .curr > a::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}}
@media (max-width: 749px) and (min-width: 991px){.nav-list > li > a:hover, .nav-list > li .arrow-dropdown:hover{color: #e23433}}
.footer-box{width: 100%;padding-top: 50px}
.footer-box .footer-content{max-width: 1240px;margin: 0 auto;padding: 0 100px;padding-bottom: 20px}
.footer-box .footer-content h4{font-size: 24px;margin-bottom: 50px}
.footer-box .footer-content .bottom-about{float: left;width: 30.64516129%;padding-right: 30px;text-align: justify}
.footer-box .footer-content .bottom-about .en-img{height: 35px;position: relative}
.footer-box .footer-content .bottom-about .en-img::before{content: "";display: block;width: 70px;border-top: 1px solid;position: absolute;top: 50%;left: -90px}
.footer-box .footer-content .bottom-about .footer-logo{height: 65px;margin-top: 50px}
.footer-box .footer-content .bottom-about .about-text{margin-top: 30px;line-height: 26px}
.footer-box .footer-content .bottom-about .media-link{margin-top: 20px}
.footer-box .footer-content .bottom-about .media-link a{float: left;width: 40px;height: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;line-height: 40px;font-size: 18px;text-align: center;color: #fff;background: #333;margin-right: 10px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (min-width: 991px){.footer-box .footer-content .bottom-about .media-link a:hover{color: #fff;background: #e23433}}
.footer-box .footer-content .site-map{float: left;width: 25.80645161%;padding-right: 30px}
.footer-box .footer-content .site-map .map-list-box{margin-top: -10px}
.footer-box .footer-content .site-map .map-list{float: left;width: 50%}
.footer-box .footer-content .site-map .map-list li{margin-top: 10px}
.footer-box .footer-content .site-map .map-list a{line-height: 1.6;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;font-size: 16px;text-transform: uppercase}
@media (min-width: 991px){.footer-box .footer-content .site-map .map-list a:hover{color: #e23433}}
.footer-box .footer-content .footer-contact{float: left;width: 29.03225806%;padding-right: 30px}
.footer-box .footer-content .footer-contact p{color: #333;font-size: 16px;margin-top: 5px}
.footer-box .footer-content .footer-contact .contact-tel{margin-bottom: 20px}
.footer-box .footer-content .footer-contact .contact-tel p{font-size: 24px;color: #e23433;margin-bottom: 10px}
.footer-box .footer-content .follow-us{float: right;padding-top: 90px}
.footer-box .footer-content .follow-us .follow-img-box{text-align: center}
.footer-box .footer-content .follow-us .follow-img-box span{display: block;font-size: 16px;margin-top: 10px}
.footer-box .footer-content .follow-us .img-box{/*width:120px;*/background: #fff;margin: 0 auto}
.footer-box .footer-content .follow-us .img-box img{display: block}
.footer-box .frien-link-box{max-width: 1240px;margin: 0 auto;padding: 0 20px;padding-bottom: 30px}
.footer-box .frien-link-box h6{float: left;width: 100px;text-align: left;font-size: 18px;margin-top: 2px}
.footer-box .frien-link-box .frien-link-list{margin-left: 100px}
.footer-box .frien-link-box .frien-link-list li{float: left;padding: 5px 0}
.footer-box .frien-link-box .frien-link-list li:first-child a{border-left: none}
.footer-box .frien-link-box .frien-link-list a{display: block;height: 16px;line-height: 16px;padding: 0 15px;font-size: 14px;color: #888;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;border-left: 1px solid #eae9e9}
.footer-box .frien-link-box .frien-link-list a strong{font-weight: 700}
.footer-box .frien-link-box .frien-link-list a:hover{color: #e23433}
.footer-box .bottom-content{width: 100%;border-top: 1px solid #eae9e9;color: #888;padding: 15px 0}
.footer-box .bottom-content > div{max-width: 1240px;margin: 0 auto;padding: 0 10px}
.footer-box .bottom-content > div p{float: left;margin-right: 20px}
.footer-box .bottom-content > div a{float: right;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (min-width: 991px){.footer-box .bottom-content > div a:hover{color: #e23433}}
@media (max-width: 1200px){.footer-box{width: 100%;padding-top: 50px}
.footer-box .footer-content{max-width: 1240px;margin: 0 auto;padding: 0 80px;padding-bottom: 20px}
.footer-box .footer-content h4{font-size: 24px;margin-bottom: 50px}
.footer-box .footer-content .bottom-about{float: left;width: 50%;height: 300px}
.footer-box .footer-content .bottom-about .en-img{height: 35px;position: relative}
.footer-box .footer-content .bottom-about .en-img::before{display: none}
.footer-box .footer-content .site-map{float: left;width: 50%;height: 300px}
.footer-box .footer-content .footer-contact{float: left;width: 50%;padding-right: 30px}
.footer-box .footer-content .follow-us{float: right;width: 50%;padding-top: 60px}
.footer-box .footer-content .follow-us .img-box{width: 180px;background: #fff;margin: 0 auto}
.footer-box .footer-content .follow-us .img-box img{display: block;width: 100%}}
@media (max-width: 991px){.footer-box{width: 100%;padding-top: 50px}}
@media (max-width: 749px){.footer-box{width: 100%;padding-top: 30px;padding-bottom: 50px}
.footer-box .footer-content{max-width: 450px;margin: 0 auto;padding: 0 20px;padding-bottom: 20px}
.footer-box .footer-content h4{font-size: 24px;margin-bottom: 50px}
.footer-box .footer-content .bottom-about{float: left;width: 100%;height: auto;padding-right: 30px;text-align: center}
.footer-box .footer-content .bottom-about .footer-logo{height: 65px;margin-top: 30px}
.footer-box .footer-content .bottom-about .about-text{margin-top: 30px;line-height: 26px}
.footer-box .footer-content .bottom-about .media-link{display: none}
.footer-box .footer-content .site-map{display: none}
.footer-box .footer-content .footer-contact{display: none}
.footer-box .footer-content .follow-us{float: right;width: 100%;padding-top: 30px}
.footer-box .footer-content .follow-us .follow-img-box{text-align: center}
.footer-box .footer-content .follow-us .follow-img-box span{display: block;font-size: 16px;margin-top: 10px}
.footer-box .footer-content .follow-us .img-box{width: 180px;background: #fff;margin: 0 auto}
.footer-box .footer-content .follow-us .img-box img{display: block;width: 100%}
.footer-box .frien-link-box{display: none}
.footer-box .bottom-content{display: none}}
.slider-mask{background: #fff;text-align: center;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 99999 !important}
.slider-mask img{display: block;width: 20px;height: 20px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
.common-alter-mask{display: none;width: 100%;height: 100%;cursor: pointer;background: rgba(0, 0, 0, 0.8);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999}
.common-alter-mask .alter-content{width: 220px;height: 220px;padding: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #fff;cursor: default;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
.common-alter-mask .alter-content img{display: block;width: 100%;height: 100%}
.common-alter-mask .alter-content .close-btn{display: block;color: #fff;font-size: 30px;cursor: pointer;position: absolute;top: -30px;right: -30px}
.page-mask{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;background: rgba(0, 0, 0, 0.8)}
.page-banner-box{width: 100%;height: 320px;background: url("../images/page_banner_bg.jpg");background-attachment: fixed}
.page-banner-box .banner-text{display: table;width: 1240px;height: 100%;margin: 0 auto}
.page-banner-box .banner-text > div{display: table-cell;vertical-align: middle}
.page-banner-box .banner-text h4{font-size: 30px;color:#ffffff;}
.page-banner-box .banner-text p{font-size: 16px;margin-top:10px;color:#ffffff;}
.page-banner-box .banner-text .consult-btn{display: block;width: 280px;height: 50px;color: #fff;border: none;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background: #e23433;background-size: cover;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;margin-top: 40px;font-size: 16px}
.page-banner-box .banner-text .consult-btn .iconfont{font-size: 12px}
@media (max-width: 991px){.page-banner-box{width: 100%;/* height: 25.22704339vw;*/max-height: 250px}
.page-banner-box .banner-img{width: 100%;height: 25.22704339vw;max-height: 250px}}
@media (max-width: 767px){.page-banner-box{display:block;}}
.crumbs-nav-box{width: 100%;height: 60px;padding: 0 20px;border-bottom: 1px solid #eae9e9}
.crumbs-nav-box .crumbs-nav{max-width: 1240px;margin: 0 auto;line-height: 60px;color: #888;font-size: 16px}
.crumbs-nav-box .crumbs-nav span{padding: 0 8px}
.crumbs-nav-box .crumbs-nav p{padding-right:6px;display: inline;}
.crumbs-nav-box .crumbs-nav a{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;margin: 5px;}
.crumbs-nav-box .crumbs-nav a:last-child{color: #e23433}
@media (min-width: 991px){.crumbs-nav-box .crumbs-nav a:hover{color: #e23433}}
@media (max-width: 749px){.crumbs-nav-box{}}
.aside-box{height: 300px;width: 100px;margin: auto 0;background: #fff;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);position: fixed;right: 0;bottom: 0;z-index: 999}
.aside-box .aside-item{width: 100%;height: 100px;cursor: pointer;text-align: center;background: #fff;position: relative}
.aside-box .aside-item > a{display: block;width: 100%;height: 100%;line-height: 100px;background: #fff;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (min-width: 991px){.aside-box .aside-item > a:hover{color: #e23433}}
.aside-box .aside-item .iconfont{font-size: 30px}
.aside-box .item-tel{width: auto;height: 100px;padding-left: 100px;line-height: 100px;background: #fff;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 0;right: -300px}
.aside-box .item-tel p{width: 300px;font-size: 18px}
.aside-box .item-tel .iconfont{display: block;width: 100px;height: 100%;text-align: center;position: absolute;top: 0;left: 0}
.aside-box .item-tel .tel{display: none}
.aside-box .active-tel{right: 0;background: rgba(0, 0, 0, 0.5);color: #fff}
.aside-box .qr-img{width: 120px;height: 120px;opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 0;top: 50%;margin-top: -60px;z-index: -8}
.aside-box .active-wechat .qr-img{left: -120px;opacity: 1}
@media (max-width: 1200px){.aside-box{height: 180px;width: 60px;margin: auto 0;background: #fff;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);position: fixed;right: 0;bottom: 0;z-index: 999}
.aside-box .aside-item{width: 100%;height: 60px;cursor: pointer;text-align: center;background: #fff;position: relative}
.aside-box .aside-item > a{display: block;width: 100%;height: 100%;line-height: 60px}
.aside-box .aside-item .iconfont{font-size: 26px}
.aside-box .item-tel{maridth: auto;height: 60px;padding-left: 100px;line-height: 60px;background: #fff;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 0;right: -300px}
.aside-box .item-tel p{width: 300px;font-size: 18px}
.aside-box .item-tel .iconfont{display: block;width: 60px;height: 100%;text-align: center;position: absolute;top: 0;left: 0}
.aside-box .item-tel .tel{display: none}
.aside-box .active-tel{right: 0;background: rgba(0, 0, 0, 0.5);color: #fff}
.aside-box .qr-img{width: 120px;height: 120px;opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 0;top: 50%;margin-top: -60px;z-index: -8}
.aside-box .active-wechat .qr-img{left: -120px;opacity: 1}}
@media (max-width: 991px){.aside-box{height: 180px;width: 60px;margin: auto 0;background: #fff;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);position: fixed;right: 0;bottom: 60px;z-index: 999}
.aside-box .aside-item{width: 100%;height: 60px;cursor: pointer;text-align: center;background: #fff;position: relative}
.aside-box .aside-item > a{display: block;width: 100%;height: 100%;line-height: 60px}
.aside-box .aside-item .iconfont{font-size: 26px}
.aside-box .item-tel{width: auto;height: 60px;padding-left: 60px;line-height: 60px;background: #fff;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 0;right: -300px}
.aside-box .item-tel p{width: 300px;font-size: 18px}
.aside-box .item-tel .iconfont{display: block;width: 60px;height: 100%;text-align: center;position: absolute;top: 0;left: 0}
.aside-box .item-tel .tel{display: none}
.aside-box .active-tel{right: 0;background: rgba(0, 0, 0, 0.5);color: #fff}
.aside-box .qr-img{width: 120px;height: 120px;opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 0;top: 50%;margin-top: -60px;z-index: -8}
.aside-box .active-wechat .qr-img{left: -120px;opacity: 1}}
.bottom-tel-box{display: none}
@media (max-width: 749px){.bottom-tel-box{display: block;position: fixed;bottom: 0;width: 100%;padding: 10px 20px;z-index: 9999;background: rgba(0, 0, 0, 0.5)}
.bottom-tel-box .tel-box{width: 100%;height: 35px;line-height: 35px;text-align: center;background: #e1eefa}}
.alert-aside-box{display: none;width: 940px;height: 390px;background: #fff;margin: auto;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999}
.alert-aside-box .alert-teminal-img{width: 260px;position: absolute;bottom: 25px;left: -90px}
.alert-aside-box .contact-left{float: left;width: 240px;height: 390px;background: url("../images/alert_bg.jpg") center center no-repeat;background-size: cover;padding: 30px 25px;color: #fff}
.alert-aside-box .contact-left em{font-size: 24px;text-transform: uppercase}
.alert-aside-box .contact-left p{font-size: 18px;margin-top: 15px}
.alert-aside-box .contact-left .en{font-size: 14px;margin-top: 20px}
.alert-aside-box .contact-right{float: left;width: 700px;height: 390px;padding: 4px;background: url("../images/alert_border_bg.jpg") center center no-repeat}
.alert-aside-box .contact-right .right-content{width: 100%;height: 100%;padding: 40px;background: #fff;position: relative}
.alert-aside-box .contact-right .right-content > h6{font-size: 20px;font-weight: bold}
.alert-aside-box .contact-right .right-content > em{display: block;font-size: 36px;font-weight: bold;margin-top: 20px}
.alert-aside-box .contact-right .right-content > p{font-size: 18px}
.alert-aside-box .contact-right .tel-box{margin-top: 20px}
.alert-aside-box .contact-right .tel-box p{font-size: 20px;font-weight: bold}
.alert-aside-box .contact-right .tel-box .tel{font-size: 24px;font-weight: 400;color: #e23433;margin-top: 10px}
.alert-aside-box .contact-right .alert-en{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);position: absolute;top: 90px;right: -40px}
.alert-aside-box .contact-right .alert-en .en-img{height: 25px}
.alert-aside-box .contact-right .alert-en .en-img img{height: 100%}
.alert-aside-box .contact-right .alert-en .en{display: inline-block;font-size: 16px;margin-top: 10px;text-transform: capitalize;position: relative}
.alert-aside-box .contact-right .alert-en .en::after{content: "";width: 70px;border-top: 1px solid;position: absolute;top: 50%;right: -90px}
.alert-aside-box .contact-right .alert-qr-img{position: absolute;right: 20px;bottom: 30px}
.alert-aside-box .contact-right .alert-qr-img .qr-img{width: 100px;margin: 0 auto}
.alert-aside-box .contact-right .alert-qr-img p{margin-top: 5px}
.alert-aside-box .contact-right .alert-btn-box{font-size: 0;position: absolute;left: 40px;bottom: 30px}
.alert-aside-box .contact-right .alert-btn-box a, .alert-aside-box .contact-right .alert-btn-box .close-btn{display: inline-block;height: 50px;line-height: 50px;font-size: 16px;padding: 0 40px;margin-left: 20px;cursor: pointer;background: #b2b2b2;color: #fff;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.alert-aside-box .contact-right .alert-btn-box a:first-child, .alert-aside-box .contact-right .alert-btn-box .close-btn:first-child{margin-left: 0;background: #e23433}
@media (min-width: 991px){.alert-aside-box .contact-right .alert-btn-box a:hover, .alert-aside-box .contact-right .alert-btn-box .close-btn:hover{background: #e23433}}
@media (max-width: 749px){.alert-aside-box{display: none !important}}
.hp-contact-form{width: 100%;/* padding: 90px 10px;*/background: url("../images/hp_contact_form_bg.jpg") center center}
.hp-contact-form .contact-form{max-width: 1520px;margin: 0 auto}
.hp-contact-form .form-title{font-size: 36px}
.hp-contact-form .my-form{margin: 0 -10px;padding: 25px 0}
.hp-contact-form .my-form > div{float: left;padding: 0 10px;position: relative}
.hp-contact-form .my-form input{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;padding: 0 20px;background: #fff;border: none}
.hp-contact-form .my-form input::-webkit-input-placeholder{color: #888}
.hp-contact-form .my-form input:-moz-placeholder{color: #888}
.hp-contact-form .my-form input::-moz-placeholder{color: #888}
.hp-contact-form .my-form input:-ms-input-placeholder{color: #888}
.hp-contact-form .my-form button[type="button"]{background: #e23433;color: #fff;width: 100%;height: 50px;border: none;}
.hp-contact-form .my-form label.error{color: #f00;position: absolute;top: 55px;left: 10px}
.hp-contact-form .my-form .form-group{width: 24.34210526%}
.hp-contact-form .my-form .demand-group{width: 30.26315789%}
.hp-contact-form .my-form .form-submit{width: 21.05263158%}
.hp-contact-form .description{font-size: 16px;text-align: right}
@media (max-width: 991px){.hp-contact-form{width: 100%;padding: 20px 10px}
.hp-contact-form .contact-form{max-width: 1520px;margin: 0 auto}
.hp-contact-form .form-title{font-size: 36px}
.hp-contact-form .my-form{margin: 0 -10px;padding: 25px 0}
.hp-contact-form .my-form > div{float: left;padding: 10px;position: relative}
.hp-contact-form .my-form input{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;padding: 0 20px;background: #fff;border: none}
.hp-contact-form .my-form input::-webkit-input-placeholder{color: #888}
.hp-contact-form .my-form input:-moz-placeholder{color: #888}
.hp-contact-form .my-form input::-moz-placeholder{color: #888}
.hp-contact-form .my-form input:-ms-input-placeholder{color: #888}
.hp-contact-form .my-form input[type="submit"]{background: #e23433;color: #fff}
.hp-contact-form .my-form label.error{color: #f00;font-size: 12px;position: absolute;top: 62px;left: 10px}
.hp-contact-form .my-form .form-group{width: 50%}
.hp-contact-form .my-form .demand-group{width: 50%}
.hp-contact-form .my-form .form-submit{width: 50%}
.hp-contact-form .description{font-size: 16px;text-align: right}}
@media (max-width: 749px){.hp-contact-form{width: 100%;padding: 0 10px;}
.hp-contact-form .contact-form{max-width: 420px;margin: 0 auto}
.hp-contact-form .form-title{font-size: 22px;text-align: center}
.hp-contact-form .my-form{margin: 0 -10px;padding: 25px 0}
.hp-contact-form .my-form > div{float: left;padding: 10px;position: relative}
.hp-contact-form .my-form input{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;padding: 0 20px;background: #fff;border: none}
.hp-contact-form .my-form input::-webkit-input-placeholder{color: #888}
.hp-contact-form .my-form input:-moz-placeholder{color: #888}
.hp-contact-form .my-form input::-moz-placeholder{color: #888}
.hp-contact-form .my-form input:-ms-input-placeholder{color: #888}
.hp-contact-form .my-form input[type="submit"]{background: #e23433;color: #fff}
.hp-contact-form .my-form .form-group{width: 100%}
.hp-contact-form .my-form .demand-group{width: 100%}
.hp-contact-form .my-form .form-submit{width: 100%;padding-top: 20px;}
.hp-contact-form .description{font-size: 14px;text-align: center}}
.share-box{margin-top: 10px}
.share-box li{float: left;text-align: center;margin-right: 10px;position: relative;z-index: 1}
.share-box li:last-child{margin-right: 0}
.share-box .this-share-btn{width: 60px;height: 60px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;padding: 0;margin: 0;text-align: center;line-height: 60px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background: none;position: relative}
.share-box .this-share-btn:hover{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05)}
.share-box .icon{display: block;font-size: 30px;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -999 !important}
.bd_weixin_popup{width: 260px !important;height: 320px !important}
@media (max-width: 749px){.share-box{display: none}}
.hp-banner{width: 100%;height: 100vh;margin-top: -100px;overflow: hidden;position: relative}
.hp-banner .banner-list{position: absolute;top: 0;left: 0;right: 0;bottom: 0;outline: none}
.hp-banner .banner-list .slick-prev, .hp-banner .banner-list .slick-next{display: none !important;width: 40px;height: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: transparent;color: #fff;border: none;text-align: center;line-height: 40px;font-size: 20px;position: absolute;top: 50%;margin-top: -20px;text-transform: uppercase;z-index: 99;cursor: pointer;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.hp-banner .banner-list .slick-prev:hover, .hp-banner .banner-list .slick-next:hover{color: #e23433}
.hp-banner .banner-list .slick-prev{left: 15px}
.hp-banner .banner-list .slick-next{right: 15px}
.hp-banner .banner-list .slick-dots{text-align: center;position: absolute;left: 0;bottom: 15px;right: 0}
.hp-banner .banner-list .slick-dots li{display: inline-block;width: 50px;height: 14px;margin: 0 10px;position: relative}
.hp-banner .banner-list .slick-dots li button{width: 100%;height: 14px;font-size: 0;border: none;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #bebebe;position: absolute;top: 0;right: 0}
.hp-banner .banner-list .slick-dots .slick-active button{background: #e23433}
.hp-banner .banner-list .slick-list{height: 100vh;position: relative}
.hp-banner .banner-list .slick-slide{float: left;height: 100vh}
.hp-banner .banner-list .slick-slide > div{display: block;width: 100%;height: 100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.hp-banner .banner-list .slick-slide > div .banner-img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -2}
.hp-banner .banner-list .slick-slide > div .video-box{width: 100%;height: 100%}
.hp-banner .banner-list .slick-slide > div .video-box video{width: 100%}
@media (max-width: 1200px){.hp-banner{width: 100%;height: 62.5vw;max-height: 750px}
.hp-banner .banner-list{width: 100%}
.hp-banner .banner-list .slick-list{height: 750px}
.hp-banner .banner-list .slick-slide{float: left;height: 62.5vw;max-height: 750px}
.hp-banner .banner-content{max-width: 1170px;height: 62.5vw;max-height: 750px;text-align: left;color: #fff;margin: 0 auto}
.hp-banner .banner-content .content{display: table;width: 100%;height: 62.5vw;max-height: 750px;padding-top: 100px}}
@media (max-width: 991px){.hp-banner{width: 100%;height: 80vw;max-height: 600px;margin-top: 0}
.hp-banner .banner-list{width: 100%}
.hp-banner .banner-list .slick-dots{text-align: center;position: absolute;left: 0;bottom: 15px;right: 0}
.hp-banner .banner-list .slick-dots li{display: inline-block;width: 30px;height: 8px;margin: 0 5px;position: relative}
.hp-banner .banner-list .slick-dots li button{width: 100%;height: 8px;font-size: 0;border: none;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #bebebe;position: absolute;top: 0;right: 0}
.hp-banner .banner-list .slick-dots .slick-active button{background: #e23433}
.hp-banner .banner-list .slick-list{height: 750px}
.hp-banner .banner-list .slick-slide{float: left;height: 80vw;max-height: 600px}}
@media (max-width: 749px){.hp-banner{width: 100%;height: 80vw;max-height: 600px}
.hp-banner .banner-list{width: 100%}
.hp-banner .banner-list .slick-list{height: 80vw;max-height: 600px;position: relative}
.hp-banner .banner-list .slick-slide{float: left;height: 80vw;max-height: 600px}
.hp-banner .banner-list .slick-slide .video-box{width: 100%;height: 100%}
.hp-banner .banner-list .slick-slide .video-box video{width: auto;height: 100%}}
.us-advan-box{width: 100%;padding: 0 20px;border-bottom: 1px solid #eae9e9;overflow: hidden}
.us-advan-box .us-advan{max-width: 1240px;margin: 0 auto;text-align: center}
.us-advan-box .advan-item{float: left;width: 20%;height: 200px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (min-width: 991px){.us-advan-box .advan-item:hover{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05)}
.us-advan-box .advan-item:hover > div{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)}
.us-advan-box .advan-item:hover p{height: 100%;opacity: 1}}
.us-advan-box .advan-item > div{padding: 15px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: translate(0, 30px);-moz-transform: translate(0, 30px);-ms-transform: translate(0, 30px);-o-transform: translate(0, 30px);transform: translate(0, 30px)}
.us-advan-box .advan-item .icon{font-size: 60px}
.us-advan-box .advan-item h6{font-size: 20px;margin-top: 20px}
.us-advan-box .advan-item p{height: 0;font-size: 16px;color: #888;margin-top: 20px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0}
@media (max-width: 991px){.us-advan-box{max-width: 100%;padding: 15px;border-bottom: 1px solid #eae9e9;overflow: hidden}
.us-advan-box .us-advan{max-width: 700px;margin: 0 auto;text-align: left}
.us-advan-box .advan-item{float: none;width: auto;height: auto;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.us-advan-box .advan-item > div{padding: 15px 0 15px 75px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);position: relative}
.us-advan-box .advan-item .icon{font-size: 50px;position: absolute;top: 15px;left: 0}
.us-advan-box .advan-item h6{font-size: 20px;margin-top: 0}
.us-advan-box .advan-item p{height: auto;font-size: 16px;color: #888;margin-top: 10px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 1}}
@media (max-width: 749px){.us-advan-box{max-width: 100%;padding: 20px 5px;border-bottom: 1px solid #eae9e9;overflow: hidden}
.us-advan-box .us-advan{max-width: 700px;margin: 0 auto;text-align: left}
.us-advan-box .advan-item{float: left;width: 50%;height: 80px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;text-align: center}
.us-advan-box .advan-item:last-child{display: none}
.us-advan-box .advan-item > div{padding: 5px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);position: relative}
.us-advan-box .advan-item .icon{font-size: 40px;position: static}
.us-advan-box .advan-item h6{font-size: 16px;margin-top: 5px}
.us-advan-box .advan-item p{display: none}}
.hp-service-box{width: 100%;padding: 70px 20px}
.hp-service-box .hp-service{max-width: 1320px;margin: 0 auto}
.hp-service-box .service-list-box{margin-top: 70px}
.hp-service-box .service-list-box .option{padding-left: 20px;cursor: move}
.hp-service-box .service-list{margin-left: -20px}
.hp-service-box .service-item{float: left;width: 400px;height: 420px;margin-left: 20px}
.hp-service-box .service-item:first-child{margin-left: 0}
.hp-service-box .item-brief{width: 100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
@media (min-width: 991px){.hp-service-box .item-brief:hover{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05)}
.hp-service-box .item-brief:hover .brief-content::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.hp-service-box .item-brief:hover .brief-content .service-title{color: #e23433}
.hp-service-box .item-brief:hover .brief-content .service-title::after{background: #e23433;-webkit-transform: scale(2, 1);-moz-transform: scale(2, 1);-ms-transform: scale(2, 1);-o-transform: scale(2, 1);transform: scale(2, 1)}}
.hp-service-box .item-img{display: block;width: 100%;height: 180px}
.hp-service-box .more-btn{display: block;text-align: center;font-size: 16px;color: #888;text-transform: uppercase;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;bottom: 30px;left: 0;right: 0}
@media (min-width: 991px){.hp-service-box .more-btn:hover{color: #e23433}}
.hp-service-box .brief-content{height: 240px;padding: 30px 20px;background: #fff;position: relative}
.hp-service-box .brief-content::after{content: "";display: block;height: 2px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);-ms-transform: scale(0, 1);-o-transform: scale(0, 1);transform: scale(0, 1);position: absolute;bottom: 0;left: 0;right: 0}
.hp-service-box .brief-content .service-title{font-size: 20px;text-align: center;position: relative;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (min-width: 991px){.hp-service-box .brief-content .service-title:hover{color: #e23433}}
.hp-service-box .brief-content .service-title::after{content: "";display: block;width: 40px;height: 2px;background: #eae9e9;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 50%;bottom: -15px;margin-left: -20px}
.hp-service-box .brief-content .service-content-list{margin-top: 40px}
.hp-service-box .brief-content .service-content-list a, .hp-service-box .brief-content .service-content-list p{float: left;width: 50%;font-size: 18px;line-height: 1.4;padding-left: 18px;position: relative;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;cursor: pointer}
@media (min-width: 991px){.hp-service-box .brief-content .service-content-list a:hover, .hp-service-box .brief-content .service-content-list p:hover{color: #e23433}}
.hp-service-box .brief-content .service-content-list a::before, .hp-service-box .brief-content .service-content-list p::before{content: "";display: block;width: 10px;height: 1px;background: #eae9e9;position: absolute;left: 0;top: 15px}
@media (max-width: 749px){.hp-service-box{width: 100%;padding: 30px 10px}
.hp-service-box .hp-service{max-width: 750px;margin: 0 auto}
.hp-service-box .service-list-box{margin-top: 30px}
.hp-service-box .service-list-box .option{padding-left: 20px}
.hp-service-box .service-list{margin-left: -20px}
.hp-service-box .service-item{float: left;width: 300px;height: auto;margin-left: 20px}
.hp-service-box .service-item:first-child{margin-left: 0}
.hp-service-box .item-brief{width: 100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.hp-service-box .item-img{display: block;width: 100%;height: 140px}
.hp-service-box .more-btn{display: block;width: 100%;text-align: center;font-size: 16px;position: static;margin-top: 20px}
.hp-service-box .brief-content{height: auto;padding: 20px 10px;background: #fff;position: relative}
.hp-service-box .brief-content::after{content: "";display: block;height: 2px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);position: absolute;bottom: 0;left: 0;right: 0}
.hp-service-box .brief-content .service-title{font-size: 20px;text-align: center;position: relative}
.hp-service-box .brief-content .service-title::after{content: "";display: block;width: 40px;height: 2px;background: #eae9e9;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 50%;bottom: -15px;margin-left: -20px}
.hp-service-box .brief-content .service-content-list{margin-top: 40px}
.hp-service-box .brief-content .service-content-list a, .hp-service-box .brief-content .service-content-list p{float: left;width: 50%;font-size: 14px;line-height: 2;padding-left: 18px;position: relative;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}}
.hp-pain-point{width: 100%;padding: 70px 20px 100px 20px;background: url("../images/hp_point_bg.jpg") center center no-repeat;background-size: cover}
.hp-pain-point .pain-point-box{margin-top: 40px;padding-top: 100px;border-top: 1px solid #eae9e9}
.hp-pain-point .point-list-box{max-width: 1240px;margin: 0 auto;padding-right: 180px;position: relative}
.hp-pain-point .point-list{width: 100%;position: relative;outline: none}
.hp-pain-point .point-list .slick-list{height: 360px;overflow: hidden;position: relative}
.hp-pain-point .point-list .slick-slide{float: left;height: 360px;padding: 30px 50px;background: rgba(255, 255, 255, 0.6)}
.hp-pain-point .point-list .point-img{float: left;width: 450px;height: 300px;position: relative;z-index: 2}
.hp-pain-point .point-list .point-brief-box{margin-left: 520px}
.hp-pain-point .point-list .point-brief-box .brief-title{font-size: 24px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative;z-index: 1}
@media (min-width: 991px){.hp-pain-point .point-list .point-brief-box .brief-title:hover{color: #e23433}}
.hp-pain-point .point-list .point-brief-box .brief-title::before{content: "";width: 100px;border-top: 1px solid;position: absolute;top: 50%;left: -120px;z-index: -2}
.hp-pain-point .point-list .point-brief-box .description{font-size: 18px;color: #888;margin-top: 15px;}
.hp-pain-point .point-list .point-brief-box .brief-list{margin-top: 30px}
.hp-pain-point .point-list .point-brief-box .brief-list li{padding-left: 30px;margin-top: 10px;line-height: 20px;position: relative}
.hp-pain-point .point-list .point-brief-box .brief-list li p{font-size: 14px;line-height: 25px;}
.hp-pain-point .point-list .point-brief-box .brief-list li span{line-height: 33px;}
.hp-pain-point .point-list .point-brief-box .brief-list .iconfont{font-size: 20px;color: #14da8d;position: absolute;top: 0;left: 0}
.hp-pain-point .point-thumb-list{width: 216px;border-left: 1px solid #eae9e9;border-right: 1px solid #eae9e9;background: #fff;position: absolute;right: 0;top: 0;outline: none}
.hp-pain-point .point-thumb-list .slick-prev, .hp-pain-point .point-thumb-list .slick-next{width: 220px;height: 100px;border: none;text-align: center;line-height: 100px;font-size: 30px;text-transform: uppercase;cursor: pointer;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;border-left: 1px solid #eae9e9;border-right: 1px solid #eae9e9;position: absolute;right: -1px;z-index: 99}
@media (min-width: 991px){.hp-pain-point .point-thumb-list .slick-prev:hover, .hp-pain-point .point-thumb-list .slick-next:hover{border-color: #e23433;color: #fff;background: #e23433}}
.hp-pain-point .point-thumb-list .slick-prev{top: -100px}
.hp-pain-point .point-thumb-list .slick-next{bottom: -100px}
.hp-pain-point .point-thumb-list .slick-list{width: 100%;height: 360px;overflow: hidden;position: relative}
.hp-pain-point .point-thumb-list .slick-slide{float: left;height: 120px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;cursor:pointer;}
.hp-pain-point .point-thumb-list .slick-current{/* -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);*/background-color:#eae9e9;}
.hp-pain-point .point-thumb-list .thumb-item{display: table;width: 100%;height: 100%;padding: 0 25px}
.hp-pain-point .point-thumb-list .thumb-item > div{display: table-cell;vertical-align: middle;line-height: 30px;}
.hp-pain-point .point-thumb-list .thumb-item h6{font-size: 18px}
.hp-pain-point .point-thumb-list .thumb-item p{font-size: 16px;color: #888;text-transform: capitalize}
@media (max-width: 1200px){.hp-pain-point{padding: 70px 20px 100px 20px}
.hp-pain-point .pain-point-box{margin-top: 40px;padding-top: 100px}
.hp-pain-point .point-list-box{max-width: 991px;margin: 0 auto;padding-right: 0}
.hp-pain-point .point-list{float: none;width: 100%}
.hp-pain-point .point-list .slick-list{height: 360px}
.hp-pain-point .point-list .slick-slide{float: left;height: 360px;padding: 30px 30px 30px 0}
.hp-pain-point .point-list .point-brief-box{margin-left: 520px}
.hp-pain-point .point-list .point-brief-box .brief-title{font-size: 24px}
.hp-pain-point .point-list .point-brief-box .brief-title::before{content: "";width: 100px;border-top: 1px solid;position: absolute;top: 50%;left: -120px;z-index: -2}
.hp-pain-point .point-list .point-brief-box .description{font-size: 18px;margin-top: 5px}
.hp-pain-point .point-list .point-brief-box .brief-list{margin-top: 30px}
.hp-pain-point .point-list .point-brief-box .brief-list li{padding-left: 30px;margin-top: 10px;line-height: 20px}
.hp-pain-point .point-thumb-list{float: none;width: 100%;padding: 0 80px;border-left: none;border-right: none;background: #fff;border-top: 1px solid #eae9e9;border-bottom: 1px solid #eae9e9;position: relative;outline: none}
.hp-pain-point .point-thumb-list .slick-prev, .hp-pain-point .point-thumb-list .slick-next{width: 120px;height: 80px;text-align: center;line-height: 80px;font-size: 30px;text-transform: uppercase;cursor: pointer;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;border: none;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);border-top: 1px solid #eae9e9;border-bottom: 1px solid #eae9e9;position: absolute;top: 20px;z-index: 99}
.hp-pain-point .point-thumb-list .slick-prev{left: -20px}
.hp-pain-point .point-thumb-list .slick-next{right: -20px}
.hp-pain-point .point-thumb-list .slick-list{width: 100%;height: 120px;overflow: hidden;position: relative}
.hp-pain-point .point-thumb-list .slick-slide{float: left;height: 120px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.hp-pain-point .point-thumb-list .slick-current{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05)}
.hp-pain-point .point-thumb-list .thumb-item{display: table;width: 100%;height: 100%;padding: 0 25px}
.hp-pain-point .point-thumb-list .thumb-item > div{display: table-cell;vertical-align: middle}
.hp-pain-point .point-thumb-list .thumb-item h6{font-size: 18px}
.hp-pain-point .point-thumb-list .thumb-item p{font-size: 16px;color: #888;text-transform: capitalize}}
@media (max-width: 991px){.hp-pain-point{width: 100%;padding: 70px 20px 100px 20px}
.hp-pain-point .pain-point-box{margin-top: 40px;padding-top: 0px;border-top: 1px solid #eae9e9}
.hp-pain-point .point-list-box{max-width: 750px;margin: 0 auto;padding-right: 0}
.hp-pain-point .point-list{float: none;width: 100%;position: relative;outline: none}
.hp-pain-point .point-list .slick-list{height: 300px;overflow: hidden;position: relative}
.hp-pain-point .point-list .slick-slide{float: left;height: 300px;padding: 30px 20px 30px 0;background: rgba(255, 255, 255, 0.6)}
.hp-pain-point .point-list .point-img{float: left;width: 320px;height: 240px;position: relative;z-index: 2}
.hp-pain-point .point-list .point-brief-box{margin-left: 350px}
.hp-pain-point .point-list .point-brief-box .brief-title{font-size: 20px}
.hp-pain-point .point-list .point-brief-box .description{font-size: 15px;margin-top: 5px}
.hp-pain-point .point-list .point-brief-box .brief-list{margin-top: 30px}
.hp-pain-point .point-list .point-brief-box .brief-list li{padding-left: 30px;margin-top: 10px;line-height: 20px;position: relative}
.hp-pain-point .point-list .point-brief-box .brief-list .iconfont{font-size: 20px;color: #14da8d;position: absolute;top: -5px;left: 0}
.hp-pain-point .point-thumb-list{float: none;width: 100%;padding: 0 80px;border-left: none;border-right: none;background: #fff;border-top: 1px solid #eae9e9;border-bottom: 1px solid #eae9e9;position: relative;outline: none}
.hp-pain-point .point-thumb-list .slick-list{width: 100%;height: 120px;overflow: hidden;position: relative}
.hp-pain-point .point-thumb-list .slick-slide{float: left;height: 120px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}}
@media (max-width: 749px){.hp-pain-point{width: 100%;padding: 35px 20px 50px 20px}
.hp-pain-point .pain-point-box{margin-top: 30px;padding-top: 0;border-top: none}
.hp-pain-point .point-list-box{max-width: 450px;margin: 0 auto;padding-right: 0}
.hp-pain-point .point-list{float: none;width: 100%;position: relative;outline: none}
.hp-pain-point .point-list .slick-list{height: 520px;overflow: hidden;position: relative}
.hp-pain-point .point-list .slick-slide{float: left;height: 480px;padding: 0 0 30px 0;background: rgba(255, 255, 255, 0.6)}
.hp-pain-point .point-list .point-img{float: none;display: block;width: 100%;height: 200px;position: relative;z-index: 2}
.hp-pain-point .point-list .point-brief-box{margin-left: 0;padding-top: 20px}
.hp-pain-point .point-list .point-brief-box .brief-title{font-size: 16px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative;z-index: 1;text-align: center;}
.hp-pain-point .point-list .point-brief-box .brief-title::before{content: "";display: none}
.hp-pain-point .point-list .point-brief-box .description{font-size: 15px;color: #888;margin-top:10px;text-align: center;}
.hp-pain-point .point-list .point-brief-box .brief-list{margin-top: 30px}
.hp-pain-point .point-list .point-brief-box .brief-list li{padding-left: 40px;margin-top: 10px;line-height: 20px;position: relative}
.hp-pain-point .point-list .point-brief-box .brief-list li p{font-size: 14px;}
.hp-pain-point .point-list .point-brief-box .brief-list .iconfont{font-size:16px;color: #14da8d;position: absolute;top: -3px;left: 10px;}
.hp-pain-point .point-thumb-list{float: none;width: 100%;padding: 0 60px;border-left: none;border-right: none;background: #fff;border-top: 1px solid #eae9e9;border-bottom: 1px solid #eae9e9;position: relative;outline: none}
.hp-pain-point .point-thumb-list .slick-prev, .hp-pain-point .point-thumb-list .slick-next{width: 80px;height: 60px;text-align: center;line-height: 60px;font-size: 30px;text-transform: uppercase;cursor: pointer;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;border: none;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);border-top: 1px solid #eae9e9;border-bottom: 1px solid #eae9e9;position: absolute;top: 10px;z-index: 99}
.hp-pain-point .point-thumb-list .slick-prev{left: -10px}
.hp-pain-point .point-thumb-list .slick-next{right: -10px}
.hp-pain-point .point-thumb-list .slick-list{width: 100%;height: 80px;overflow: hidden;position: relative}
.hp-pain-point .point-thumb-list .slick-slide{float: left;height: 80px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.hp-pain-point .point-thumb-list .slick-current{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05)}
.hp-pain-point .point-thumb-list .thumb-item{display: table;width: 100%;height: 100%;padding: 0 25px;text-align: center}
.hp-pain-point .point-thumb-list .thumb-item > div{display: table-cell;vertical-align: middle}
.hp-pain-point .point-thumb-list .thumb-item h6{font-size: 18px}
.hp-pain-point .point-thumb-list .thumb-item p{font-size: 16px;color: #888;text-transform: capitalize}}
.hp-us-achieve{width: 100%;padding: 80px 20px;background: #f7f7f7}
.hp-us-achieve .us-adhieve{max-width: 1240px;margin: 0 auto}
.hp-us-achieve .adhieve-list{width: 100%}
.hp-us-achieve .adhieve-list li{float: left;width: 25%;border-left: 1px solid #eae9e9;text-align: center}
.hp-us-achieve .adhieve-list li:first-child{border-left: none}
.hp-us-achieve .adhieve-list .adhieve-item{display: inline-block;text-align: left}
.hp-us-achieve .adhieve-list .adhieve-item .en{display: block;font-size: 18px;color: #888;text-transform: capitalize}
.hp-us-achieve .adhieve-list .adhieve-item .num{display: inline-block;position: relative}
.hp-us-achieve .adhieve-list .adhieve-item .num .count-num{font-size: 72px}
.hp-us-achieve .adhieve-list .adhieve-item .num .icon{font-size: 30px;position: absolute;top: -10px;right: -30px}
.hp-us-achieve .adhieve-list .adhieve-item p{font-size: 16px}
@media (max-width: 991px){.hp-us-achieve{display: none}}
.hp-team-project{width: 100%;padding: 70px 0 0 0;}
.hp-team-project .project-menu-box{margin-top: 50px;text-align: center}
.hp-team-project .project-menu-box .item{display: block}
.hp-team-project .project-menu-box .project-menu-list{margin: 0 auto;font-size: 0}
.hp-team-project .project-menu-box li{display: inline-block;height: 40px;margin-left: 60px}
.hp-team-project .project-menu-box li:first-child{margin-left: 0}
.hp-team-project .project-menu-box li:last-child > a{padding: 0 35px;background: #e23433;color: #fff}
.hp-team-project .project-menu-box li > a{display: block;height: 40px;font-size: 18px;color: #888;line-height: 40px;position: relative}
@media (min-width: 991px){.hp-team-project .project-menu-box li > a:hover::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}}
.hp-team-project .project-menu-box li > a::after{content: "";display: block;height: 2px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);-ms-transform: scale(0, 1);-o-transform: scale(0, 1);transform: scale(0, 1);position: absolute;bottom: 0;left: 0;right: 0}
.hp-team-project .case-list-box{width: 100%;margin-top: 60px}
.hp-team-project .case-list-box > .case-list{margin: -10px;min-height: 300px;overflow: hidden}
.hp-team-project .case-list-box > .case-list > li{float: left;width: 25%;padding: 10px}
.hp-team-project .case-list-box > .case-list > li a{display: block;width: 100%;position: relative}
@media (min-width: 991px){.hp-team-project .case-list-box > .case-list > li a:hover .case-img:before{opacity: 1}
.hp-team-project .case-list-box > .case-list > li a:hover .case-img .lazythumb{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}
.hp-team-project .case-list-box > .case-list > li a:hover .brief-title{-webkit-transform: translate(0, -80px);-moz-transform: translate(0, -80px);-ms-transform: translate(0, -80px);-o-transform: translate(0, -80px);transform: translate(0, -80px)}
.hp-team-project .case-list-box > .case-list > li a:hover .description{height: 40px;opacity: 1}}
.hp-team-project .case-list-box > .case-list > li .case-img{width: 100%;height: 18.22916667vw;max-height: 350px;overflow: hidden;position: relative}
.hp-team-project .case-list-box > .case-list > li .case-img::before{content: "";background: rgba(0, 0, 0, 0.5);opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 0px;left: 0px;bottom: 10px;right: 10px;z-index: 1;width: 100%;height: 100%;}
.hp-team-project .case-list-box > .case-list > li .case-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.hp-team-project .case-list-box > .case-list > li .case-brief{height: 80px;padding: 15px;text-align: center;position: relative;z-index: 9}
.hp-team-project .case-list-box > .case-list > li .case-brief .brief-title{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.hp-team-project .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 20px;text-transform: uppercase}
.hp-team-project .case-list-box > .case-list > li .case-brief .brief-title span{display: block;font-size: 18px;color: #888}
.hp-team-project .case-list-box > .case-list > li .case-brief .description{height: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0;font-size: 16px;color: #888;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: absolute;left: 0;bottom: 0}
@media (max-width: 1200px){.hp-team-project{width: 100%;padding: 70px 20px}
.hp-team-project .case-list-box{width: 100%;margin-top: 60px}
.hp-team-project .case-list-box > .case-list{margin: -10px;min-height: 300px;overflow: hidden}
.hp-team-project .case-list-box > .case-list > li{float: left;width: 33.3333%;padding: 10px}
.hp-team-project .case-list-box > .case-list > li a{display: block;width: 100%;position: relative}
.hp-team-project .case-list-box > .case-list > li .case-img{width: 100%;height: 23.33333333vw;max-height: 350px}}
@media (max-width: 991px){.hp-team-project{width: 100%;padding:20px}
.hp-team-project .project-menu-box{margin-top: 50px;text-align: center}
.hp-team-project .project-menu-box .item{display: block}
.hp-team-project .project-menu-box .project-menu-list{margin: 0 auto;font-size: 0}
.hp-team-project .project-menu-box li{display: inline-block;height: 40px;margin-left: 30px}
.hp-team-project .case-list-box{width: 100%;margin-top: 60px}
.hp-team-project .case-list-box > .case-list{margin: -10px;min-height: 300px;overflow: hidden}
.hp-team-project .case-list-box > .case-list > li{float: left;width: 33.3333%;padding: 10px}
.hp-team-project .case-list-box > .case-list > li a{display: block;width: 100%;position: relative}
.hp-team-project .case-list-box > .case-list > li .case-img{width: 100%;height: 23.33333333vw;max-height: 350px;overflow: hidden;position: relative}
.hp-team-project .case-list-box > .case-list > li .case-img::before{content: "";background: rgba(255, 255, 255, 0.5);opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 10px;left: 10px;bottom: 10px;right: 10px;z-index: 1}
.hp-team-project .case-list-box > .case-list > li .case-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.hp-team-project .case-list-box > .case-list > li .case-brief{height: 100px;padding: 15px;text-align: center;position: relative;z-index: 9}
.hp-team-project .case-list-box > .case-list > li .case-brief .brief-title{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.hp-team-project .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 20px;text-transform: uppercase}
.hp-team-project .case-list-box > .case-list > li .case-brief .brief-title span{display: block;font-size: 18px;color: #888}
.hp-team-project .case-list-box > .case-list > li .case-brief .description{height: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0;font-size: 16px;color: #888;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: absolute;left: 0;bottom: 0}}
@media (max-width: 749px){.hp-team-project{width: 100%;padding: 10px 10px;}
.hp-team-project .case-list-box{width: 100%;margin-top: 30px}
.hp-team-project .case-list-box > .case-list{margin: -5px;min-height: 300px;overflow: hidden}
.hp-team-project .case-list-box > .case-list > li{float: left;width: 50%;padding: 5px}
.hp-team-project .case-list-box > .case-list > li a{display: block;width: 100%;position: relative}
.hp-team-project .case-list-box > .case-list > li .case-img{width: 100%;height: 31.81818182vw;max-height: 350px;overflow: hidden;position: relative}
.hp-team-project .case-list-box > .case-list > li .case-img::before{content: "";background: rgba(255, 255, 255, 0.5);opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 10px;left: 10px;bottom: 10px;right: 10px;z-index: 1}
.hp-team-project .case-list-box > .case-list > li .case-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.hp-team-project .case-list-box > .case-list > li .case-brief{height: 80px;padding: 10px;text-align: center;position: relative;z-index: 9}
.hp-team-project .case-list-box > .case-list > li .case-brief .brief-title{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.hp-team-project .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 16px;text-transform: uppercase}
.hp-team-project .case-list-box > .case-list > li .case-brief .brief-title span{display: block;font-size: 12px;color: #888;margin-top: 5px}
.hp-team-project .case-list-box > .case-list > li .case-brief .description{display: none}}
.hp-news{width: 100%;padding: 0 20px 0 20px}
.hp-news .news-box{max-width: 1240px;margin: 0 auto}
.hp-news .news-menu-box{margin-top: 50px;text-align: center}
.hp-news .news-menu-box .item{display: block}
.hp-news .news-menu-box .project-menu-list{margin: 0 auto;font-size: 0}
.hp-news .news-menu-box li{display: inline-block;height: 40px;line-height: 40px;margin-left: 60px}
.hp-news .news-menu-box li:first-child{margin-left: 0}
.hp-news .news-menu-box li > a{font-size: 18px;color: #888;padding: 8px 0;position: relative}
@media (min-width: 991px){.hp-news .news-menu-box li > a:hover::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}}
.hp-news .news-menu-box li > a::after{content: "";display: block;height: 2px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);-ms-transform: scale(0, 1);-o-transform: scale(0, 1);transform: scale(0, 1);position: absolute;bottom: 0;left: 0;right: 0}
.hp-news .news-list-box{width: 100%;margin-top: 60px}
.hp-news .news-list-box > .news-list{margin: -10px;overflow: hidden}
.hp-news .news-list-box > .news-list > li{float: left;width: 50%;padding: 10px}
.hp-news .news-list-box > .news-list > li a{display: block;width: 100%;position: relative}
@media (min-width: 991px){.hp-news .news-list-box > .news-list > li a:hover .news-img .lazythumb{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}
.hp-news .news-list-box > .news-list > li a:hover .news-brief .brief-box{-webkit-transform: translate(-20px, 0);-moz-transform: translate(-20px, 0);-ms-transform: translate(-20px, 0);-o-transform: translate(-20px, 0);transform: translate(-20px, 0)}
.hp-news .news-list-box > .news-list > li a:hover .news-brief .title:before{width: 56px;left: -76px}}
.hp-news .news-list-box > .news-list > li .news-img{width: 100%;height: 180px;overflow: hidden}
.hp-news .news-list-box > .news-list > li .news-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.hp-news .news-list-box > .news-list > li .news-brief{height: 65px;padding: 30px 15px 0 200px;text-align: left;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.hp-news .news-list-box > .news-list > li .news-brief .brief-box{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.hp-news .news-list-box > .news-list > li .news-brief .brief-box::before{content: "";display: block;width: 76px;height: 1px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background: #eae9e9;position: absolute;top: 12px;left: -96px}
.hp-news .news-list-box > .news-list > li .news-brief .title{font-size: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.hp-news .news-list-box > .news-list > li .news-brief .description{font-size: 16px;color: #888;margin-top: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.hp-news .news-list-box > .news-list > li .news-brief .time{display: block;font-size: 16px;color: #888;position: absolute;top: 30px;left: 0}
@media (max-width: 991px){.hp-news{width: 100%;padding: 0 20px 70px 20px}
.hp-news .news-box{max-width: 750px;margin: 0 auto}
.hp-news .news-menu-box{margin-top: 50px;text-align: center}
.hp-news .news-menu-box .item{display: block}
.hp-news .news-menu-box .project-menu-list{margin: 0 auto;font-size: 0}
.hp-news .news-menu-box li{display: inline-block;height: 40px;line-height: 40px;margin-left: 30px}
.hp-news .news-list-box{width: 100%;margin-top: 60px}
.hp-news .news-list-box > .news-list{margin: -10px;overflow: hidden}
.hp-news .news-list-box > .news-list > li{float: left;width: 50%;padding: 10px}
.hp-news .news-list-box > .news-list > li a{display: block;width: 100%;position: relative}
.hp-news .news-list-box > .news-list > li .news-img{width: 100%;height: 120px;overflow: hidden}
.hp-news .news-list-box > .news-list > li .news-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.hp-news .news-list-box > .news-list > li .news-brief{height: auto;padding: 30px 15px 0 100px;text-align: left;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.hp-news .news-list-box > .news-list > li .news-brief .brief-box{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.hp-news .news-list-box > .news-list > li .news-brief .brief-box::before{display: none}
.hp-news .news-list-box > .news-list > li .news-brief .title{font-size: 18px}
.hp-news .news-list-box > .news-list > li .news-brief .description{font-size: 14px;color: #888;margin-top: 10px}
.hp-news .news-list-box > .news-list > li .news-brief .time{display: block;font-size: 16px;color: #888;position: absolute;top: 30px;left: 0}}
@media (max-width: 749px){.hp-news{width: 100%;padding: 0 20px 30px 20px}
.hp-news .news-box{max-width: 450px;margin: 0 auto}
.hp-news .news-list-box{width: 100%;margin-top: 30px}
.hp-news .news-list-box > .news-list{margin: -10px;overflow: hidden}
.hp-news .news-list-box > .news-list > li{float: left;width: 100%;padding: 10px}
.hp-news .news-list-box > .news-list > li a{display: block;width: 100%;position: relative}
.hp-news .news-list-box > .news-list > li .news-img{width: 100%;height: 28.57142857vw;max-height: 100px;overflow: hidden}
.hp-news .news-list-box > .news-list > li .news-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.hp-news .news-list-box > .news-list > li .news-brief{height: auto;padding: 30px 15px 0 100px;text-align: left;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.hp-news .news-list-box > .news-list > li .news-brief .brief-box{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.hp-news .news-list-box > .news-list > li .news-brief .brief-box::before{display: none}
.hp-news .news-list-box > .news-list > li .news-brief .title{font-size: 18px}
.hp-news .news-list-box > .news-list > li .news-brief .description{font-size: 14px;color: #888;margin-top: 10px}
.hp-news .news-list-box > .news-list > li .news-brief .time{display: block;font-size: 16px;color: #888;position: absolute;top: 30px;left: 0}}
.hp-contact{width: 100%;padding: 70px 50px 70px 150px}
.hp-contact .contact-box{max-width: 1240px;margin: 0 auto;position: relative;z-index: 1}
.hp-contact .contact-box .contact-img-bg{position: absolute;top: -60px;left: -140px;right: -20px;z-index: -1}
.hp-contact .contact-box .contact-left{float: left;max-width: 295px;padding: 30px 25px;color: #fff}
.hp-contact .contact-box .contact-left em{font-size: 24px;text-transform: uppercase}
.hp-contact .contact-box .contact-left p{font-size: 18px;margin-top: 15px}
.hp-contact .contact-box .contact-left .en{font-size: 14px;margin-top: 40px}
.hp-contact .contact-box .contact-right{margin-left: 295px;padding: 80px 60px 40px 40px;height: 500px;position: relative}
.hp-contact .contact-box .contact-right > em{display: block;font-size: 48px;font-weight: bold}
.hp-contact .contact-box .contact-right > p{font-size: 30px;margin-top: 10px}
.hp-contact .contact-box .contact-right .tel-box{margin-top: 70px}
.hp-contact .contact-box .contact-right .tel-box p{font-size: 20px;font-weight: bold}
.hp-contact .contact-box .contact-right .tel-box .tel{font-size: 36px;font-weight: 400;color: #e23433;margin-top: 10px}
.hp-contact .contact-box .contact-right > span{display: block;font-size: 20px;text-transform: capitalize;position: absolute;bottom: 50px;left: 40px}
.hp-contact .contact-box .contact-right > span::after{content: "";display: block;width: 70px;border-top: 1px solid;position: absolute;right: -80px;top: 50%}
@media (max-width: 1400px){.hp-contact{width: 100%;padding: 70px 40px 70px 150px}
.hp-contact .contact-box{max-width: 1240px;margin: 0 auto;position: relative;z-index: 1}
.hp-contact .contact-box .contact-img-bg{position: absolute;top: -60px;left: -140px;right: -20px;z-index: -1}
.hp-contact .contact-box .contact-left{float: left;max-width: 245px;padding: 30px 25px;color: #fff}
.hp-contact .contact-box .contact-left em{font-size: 24px;text-transform: uppercase}
.hp-contact .contact-box .contact-left p{font-size: 18px;margin-top: 15px}
.hp-contact .contact-box .contact-left .en{font-size: 14px;margin-top: 40px}
.hp-contact .contact-box .contact-right{margin-left: 265px;padding: 60px 60px 40px 40px;height: auto;position: relative}
.hp-contact .contact-box .contact-right > em{display: block;font-size: 48px;font-weight: bold}
.hp-contact .contact-box .contact-right > p{font-size: 30px;margin-top: 10px}
.hp-contact .contact-box .contact-right .tel-box{margin-top: 70px}
.hp-contact .contact-box .contact-right .tel-box p{font-size: 20px;font-weight: bold}
.hp-contact .contact-box .contact-right .tel-box .tel{font-size: 36px;font-weight: 400;color: #e23433;margin-top: 10px}
.hp-contact .contact-box .contact-right > span{display: none;font-size: 20px;text-transform: capitalize;position: absolute;bottom: 50px;left: 40px}
.hp-contact .contact-box .contact-right > span::after{content: "";display: block;width: 70px;border-top: 1px solid;position: absolute;right: -80px;top: 50%}}
@media (max-width: 1200px){.hp-contact{width: 100%;padding: 0 20px 70px 20px}
.hp-contact .contact-box{max-width: 1240px;margin: 0 auto;background: url("../images/alert_border_bg.jpg") center center no-repeat;background-size: cover;color: #fff;position: relative;z-index: 1}
.hp-contact .contact-box .contact-img-bg{display: none;position: absolute;top: -60px;left: -140px;right: -20px;z-index: -1}
.hp-contact .contact-box .contact-left{display: none}
.hp-contact .contact-box .contact-right{margin-left: 0;padding: 40px;position: relative;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05)}
.hp-contact .contact-box .contact-right > em{display: block;font-size: 48px;font-weight: bold}
.hp-contact .contact-box .contact-right > p{font-size: 30px;margin-top: 10px}
.hp-contact .contact-box .contact-right .tel-box{margin-top: 70px}
.hp-contact .contact-box .contact-right .tel-box p{font-size: 20px;font-weight: bold}
.hp-contact .contact-box .contact-right .tel-box .tel{font-size: 36px;font-weight: 400;color: #e23433;margin-top: 10px}
.hp-contact .contact-box .contact-right > span{display: none;font-size: 20px;text-transform: capitalize;position: absolute;bottom: 50px;left: 40px}
.hp-contact .contact-box .contact-right > span::after{content: "";display: block;width: 70px;border-top: 1px solid;position: absolute;right: -80px;top: 50%}}
@media (max-width: 749px){.hp-contact{display: none}}
.about-us{width: 100%;padding: 60px 110px}
.about-us .about-box{max-width: 1240px;margin: 0 auto;margin-top: 60px}
.about-us .about-brief-box{width: 100%}
.about-us .brief-img{float: left;max-width: 285px;position: relative}
.about-us .brief-img img{width: 100%}
.about-us .brief-img .img-text{color: #fff;position: absolute;bottom: 50px;left: 20px;right: 20px}
.about-us .brief-img .line{display: block;width: 60px;border-top: 4px solid}
.about-us .brief-img em{display: block;font-size: 20px;text-transform: uppercase;margin-top: 40px}
.about-us .brief-img p{font-size: 18px;margin-top: 20px;text-transform: uppercase}
.about-us .brief-img .en-text{font-size: 14px;text-transform: uppercase;margin-top: 80px}
.about-us .about-brief-content{margin-left: 420px}
.about-us .about-brief-content .brief-text{min-height: 420px;padding-bottom: 60px}
.about-us .about-brief-content .brief-text .title{font-size: 30px;margin-bottom: 50px}
.about-us .about-brief-content .brief-text p{font-size: 18px;color: #888;margin-top: 30px;line-height: 1.6}
.about-us .about-brief-content .oneself-us{float: left;width: 54.87804878%;padding-right: 30px}
.about-us .about-brief-content .oneself-us h6{font-size: 24px}
.about-us .about-brief-content .oneself-us h6 span{font-size: 18px;padding: 0 20px;color: #888;text-transform: uppercase}
.about-us .about-brief-content .oneself-us .oneself-text{color: #888;font-size: 18px;margin-top: 50px}
.about-us .about-brief-content .oneself-us .oneself-text p{margin-top: 30px;line-height: 1.8}
.about-us .about-brief-content .us-advan{float: left;width: 45.12195122%;padding-right: 30px}
.about-us .about-brief-content .us-advan h6{font-size: 24px}
.about-us .about-brief-content .us-advan h6 span{font-size: 18px;padding: 0 20px;color: #888;text-transform: uppercase}
.about-us .about-brief-content .us-advan dl{margin-top: 50px}
.about-us .about-brief-content .us-advan dt{font-size: 24px}
.about-us .about-brief-content .us-advan dd{margin-top: 20px;line-height: 1.8;color: #888;font-size: 18px}
@media (max-width: 1200px){.about-us{width: 100%;padding: 60px 70px}
.about-us .about-box{max-width: 1240px;margin: 0 auto;margin-top: 60px}
.about-us .about-brief-box{width: 100%}
.about-us .brief-img{display: none}
.about-us .about-brief-content{margin-left: 0}}
@media (max-width: 991px){.about-us{width: 100%;padding: 60px 10px}
.about-us .about-box{max-width: 750px;margin: 0 auto;margin-top: 60px}
.about-us .about-brief-box{width: 100%}
.about-us .brief-img{display: none}
.about-us .about-brief-content{margin-left: 0}
.about-us .about-brief-content .brief-text{min-height: 320px;padding-bottom: 60px}
.about-us .about-brief-content .brief-text .title{font-size: 30px;margin-bottom: 50px}
.about-us .about-brief-content .brief-text p{font-size: 16px;color: #888;margin: 30px 10px 0 10px;line-height: 1.6}
.about-us .about-brief-content .oneself-us{float: left;width: 54.87804878%;padding-right: 30px}
.about-us .about-brief-content .oneself-us h6{font-size: 20px}
.about-us .about-brief-content .oneself-us h6 span{font-size: 16px;padding: 0 20px;color: #888;text-transform: uppercase}
.about-us .about-brief-content .oneself-us .oneself-text{color: #888;font-size: 16px;margin-top: 50px}
.about-us .about-brief-content .oneself-us .oneself-text p{margin-top: 30px;line-height: 1.8}
.about-us .about-brief-content .us-advan{float: left;width: 45.12195122%;padding-right: 30px}
.about-us .about-brief-content .us-advan h6{font-size: 20px}
.about-us .about-brief-content .us-advan h6 span{font-size: 16px;padding: 0 20px;color: #888;text-transform: uppercase}
.about-us .about-brief-content .us-advan dl{margin-top: 50px}
.about-us .about-brief-content .us-advan dt{font-size: 18px}
.about-us .about-brief-content .us-advan dd{margin-top: 20px;font-size: 16px}}
@media (max-width: 749px){.about-us{width: 100%;padding: 30px 10px}
.about-us .about-box{max-width: 550px;margin: 0 auto;margin-top: 50px}
.about-us .about-brief-content{margin-left: 0}
.about-us .about-brief-content .brief-text{min-height: 320px;padding-bottom:0px}
.about-us .about-brief-content .brief-text .title{font-size: 20px;margin-bottom: 20px}
.about-us .about-brief-content .brief-text p{font-size: 16px;margin:10px;text-indent: 2.4rem;color: #888;margin-top: 20px;line-height: 1.6}
.about-page-vision .vision-text-box .text-zh p{font-size: 16px;margin:10px;}
.about-page-vision .vision-text-box .text-en p{font-size: 16px;margin:10px;}
.about-us .about-brief-content .oneself-us{float: left;width: 100%;padding-right: 0}
.about-us .about-brief-content .oneself-us h6{font-size: 20px}
.about-us .about-brief-content .oneself-us h6 span{font-size: 16px;padding: 0 20px;color: #888;text-transform: uppercase}
.about-us .about-brief-content .oneself-us .oneself-text{color: #888;font-size: 16px;margin-top: 20px}
.about-us .about-brief-content .oneself-us .oneself-text p{margin-top: 10px;line-height: 1.8}
.about-us .about-brief-content .us-advan{float: left;width: 100%;padding-right: 0;margin-top: 20px}
.about-us .about-brief-content .us-advan h6{font-size: 20px}
.about-us .about-brief-content .us-advan h6 span{font-size: 16px;padding: 0 20px;color: #888;text-transform: uppercase}
.about-us .about-brief-content .us-advan dl{margin-top: 20px}
.about-us .about-brief-content .us-advan dt{font-size: 16px}
.about-us .about-brief-content .us-advan dd{margin-top: 20px;font-size: 14px}}
.about-page-idea{width: 100%;height: 31.25vw;max-height: 600px;color: #fff;position: relative;z-index: 1}
.about-page-idea .about-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1}
.about-page-idea .idea-list-box{width: 1240px;margin: 0 auto;text-align: center}
.about-page-idea .idea-list li{float: left;width: 33.3333%;padding: 0 60px}
.about-page-idea .idea-list h5{font-size: 30px}
.about-page-idea .idea-list p{font-size: 18px;margin-top: 10px;line-height: 1.8}
@media (max-width: 991px){.about-page-idea{width: 100%;height: 60.54490414vw;max-height: 600px}
.about-page-idea .about-bg{display: none}}
.about-page-coop{width: 100%;padding: 80px 110px}
.about-page-coop .coop-state{max-width: 1240px;margin: 0 auto}
.about-page-coop .title-box{float: left;width: 420px}
.about-page-coop .title-box h6{font-size: 24px}
.about-page-coop .title-box h6 span{font-size: 18px;padding: 0 20px;color: #888;text-transform: uppercase;font-weight:400;}
.about-page-coop .state-content{margin-left: 420px;}
.about-page-coop .state-content dl{margin-top: 20px}
.about-page-coop .state-content dl:first-child{margin-top: 0}
.about-page-coop .state-content dt{font-size: 18px}
.about-page-coop .state-content dt span{font-size: 30px}
.about-page-coop .state-content dd{margin-top: 30px;line-height: 1.8;color: #888;font-size: 18px}
.about-page-coop .state-content dd p{margin-top: 30px}
.about-page-coop .state-content .coop-tel{margin-top: 50px;font-size: 18px;color: #888}
.about-page-coop .state-content .coop-tel em{font-size: 24px;color: #e23433;padding: 0 20px;font-style: normal;}
.about-page-coop .state-content .coop-case-box{margin-top: 50px;line-height: 50px}
.about-page-coop .state-content .coop-case-box em{float: left;font-size: 20px;padding-right: 50px;font-style: normal;}
.about-page-coop .state-content .coop-case-box .case-btn{display: block;width: 320px;height: 50px;color: #fff;border: none;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background: #e23433;background-size: cover;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;font-size: 16px}
.about-page-coop .state-content .coop-case-box .case-btn .iconfont{font-size: 12px}
@media (max-width: 1200px){.about-page-coop{width: 100%;padding: 80px 70px}
.about-page-coop .coop-state{max-width: 1240px;margin: 0 auto}
.about-page-coop .title-box{float: none;width: 320px}
.about-page-coop .title-box h6{font-size: 24px}
.about-page-coop .title-box h6 span{font-size: 18px;padding: 0 20px;color: #888;text-transform: uppercase}
.about-page-coop .state-content{margin-left: 320px}}
@media (max-width: 991px){.about-page-coop{width: 100%;padding: 60px 20px}
.about-page-coop .coop-state{max-width: 1240px;margin: 0 auto}
.about-page-coop .title-box{float: none;width: 420px}
.about-page-coop .title-box h6{font-size: 24px}
.about-page-coop .title-box h6 span{font-size: 18px;padding: 0 20px;color: #888;text-transform: uppercase}
.about-page-coop .state-content{margin-left: 0;margin-top: 60px}}
@media (max-width: 749px){.about-page-coop{width: 100%;padding: 30px 10px}
.about-page-coop .coop-state{max-width: 580px;margin: 0 auto}
.about-page-coop .title-box{float: none;width: 420px}
.about-page-coop .title-box h6{font-size: 20px}
.about-page-coop .title-box h6 span{font-size: 16px;padding: 0 20px}
.about-page-coop .state-content{margin-left: 0;margin-top: 30px}
.about-page-coop .state-content dl{margin-top: 10px}
.about-page-coop .state-content dl:first-child{margin-top: 0}
.about-page-coop .state-content dt{font-size: 16px}
.about-page-coop .state-content dt span{font-size: 20px}
.about-page-coop .state-content dd{margin-top: 10px;line-height: 1.8;color: #888;font-size: 14px}
.about-page-coop .state-content dd p{margin-top: 10px;font-size: 16px;margin: 10px;}
.about-page-coop .state-content .coop-tel{margin-top: 50px;font-size: 18px;color: #888}
.about-page-coop .state-content .coop-tel em{display: block;font-size: 16px;color: #e23433;padding: 15px;}
.about-page-coop .state-content .coop-case-box{margin-top: 20px;line-height: 50px}
.about-page-coop .state-content .coop-case-box em{float: left;font-size: 16px;padding-right: 50px}
.about-page-coop .state-content .coop-case-box .case-btn{display: block;width: 320px;height: 50px;color: #fff;border: none;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background: #e23433;background-size: cover;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;font-size: 16px}
.about-page-coop .state-content .coop-case-box .case-btn .iconfont{font-size: 12px}}
.about-page-vision{width: 100%}
.about-page-vision .vision-img, .about-page-vision .vision-img-box{height: 600px}
.about-page-vision .vision-text-box{padding: 70px 20px;background: #fff}
.about-page-vision .vision-text-box .text-zh{font-size: 18px;line-height: 1.8}
.about-page-vision .vision-text-box .text-en{font-size: 18px;color: #888;line-height: 1.8;margin-top: 40px}
.about-page-vision .vision-text{max-width: 1240px;margin: 0 auto;padding-left: 420px}
@media (max-width: 1200px){.about-page-vision{width: 100%}
.about-page-vision .vision-img, .about-page-vision .vision-img-box{height: 60.54490414vw;max-height: 600px}
.about-page-vision .vision-text{max-width: 1240px;margin: 0 auto;padding-left: 320px}}
@media (max-width: 991px){.about-page-vision{width: 100%}
.about-page-vision .vision-img{display: none}
.about-page-vision .vision-text{max-width: 1240px;margin: 0 auto;padding-left: 0}
.case-details-page .case-box .content img{width: 100% !important;height: 100% !important;}}
@media (max-width: 749px){.about-page-vision{width: 100%}
.about-page-vision .vision-text-box{padding: 30px 10px;background: #fff}
.about-page-vision .vision-text-box .text-zh{font-size: 16px;line-height: 1.8}
.about-page-vision .vision-text-box .text-en{font-size: 16px;color: #888;line-height: 1.8;margin-top: 20px}
.about-page-vision .vision-text{max-width: 1240px;margin: 0 auto;padding-left: 0}}
.about-page-customer{width: 100%;padding: 80px 20px 25px 20px}
.about-page-customer .customer-box{max-width: 1240px;margin: 0 auto}
.about-page-customer .title-box{float: left;width: 420px}
.about-page-customer .title-box h6{font-size: 24px}
.about-page-customer .title-box h6 span{font-size: 18px;padding: 0 20px;color: #888;text-transform: uppercase;font-weight:400;}
.about-page-customer .customer-list-box{margin-left: 420px}
.about-page-customer .customer-list-box .customer-des{font-size: 18px;margin-bottom: 50px;line-height: 25px;}
.about-page-customer .customer-list-box .customer-list{margin: -25px -15px}
.about-page-customer .customer-list-box .customer-list li{float: left;width: 33.3333%;height: 240px;padding: 25px 15px}
.about-page-customer .customer-list-box .customer-list dt{font-size: 18px}
.about-page-customer .customer-list-box .customer-list dd{font-size: 16px;color: #888;line-height: 1.6;margin-top: 20px}
@media (max-width: 1200px){.about-page-customer{width: 100%;padding: 80px 20px 25px 20px}
.about-page-customer .customer-box{max-width: 1240px;margin: 0 auto}
.about-page-customer .title-box{float: left;width: 320px}
.about-page-customer .title-box h6{font-size: 24px}
.about-page-customer .title-box h6 span{font-size: 18px;padding: 0 20px;color: #888;text-transform: uppercase}
.about-page-customer .customer-list-box{margin-left: 320px}
.about-page-customer .customer-list-box .customer-des{font-size: 18px;margin-bottom: 50px}
.about-page-customer .customer-list-box .customer-list{margin: -25px -15px}
.about-page-customer .customer-list-box .customer-list li{float: left;width: 33.3333%;height: 240px;padding: 25px 15px}
.about-page-customer .customer-list-box .customer-list dt{font-size: 18px}
.about-page-customer .customer-list-box .customer-list dd{font-size: 16px;color: #888;line-height: 1.6;margin-top: 20px}}
@media (max-width: 991px){.about-page-customer{width: 100%;padding: 80px 20px 25px 20px}
.about-page-customer .customer-box{max-width: 1240px;margin: 0 auto}
.about-page-customer .title-box{float: none;width: 100%}
.about-page-customer .title-box h6{font-size: 24px}
.about-page-customer .title-box h6 span{font-size: 18px;padding: 0 20px;color: #888;text-transform: uppercase}
.about-page-customer .customer-list-box{margin-left: 0;margin-top: 60px}}

@media (max-width: 749px){.about-page-customer{width: 100%;padding: 30px 10px 25px 10px}
.about-page-customer .customer-box{max-width: 580px;margin: 0 auto}
.about-page-customer .title-box{float: none;width: 100%}
.about-page-customer .title-box h6{font-size: 20px}
.about-page-customer .title-box h6 span{font-size: 16px;padding: 0 20px;color: #888;text-transform: uppercase}
.about-page-customer .customer-list-box{margin-left: 0;margin-top: 30px}
.about-page-customer .customer-list-box .customer-des{font-size: 16px;margin-bottom: 20px}
.about-page-customer .customer-list-box .customer-des p{margin: 10px;}
.about-page-customer .customer-list-box .customer-list{margin: -15px -10px}
.about-page-customer .customer-list-box .customer-list li{float: left;width: 33.333333333%;height: 200px;padding: 15px 10px;text-align: center;}
.about-page-customer .customer-list-box .customer-list dt{font-size: 16px}
.about-page-customer .customer-list-box .customer-list dd{font-size: 14px;margin-top: 20px}}
.contact-page{width: 100%;padding-top: 60px;}
.contact-page .contact-map{/*max-width: 1240px;*/margin: 60px auto}
.contact-page .contact-map .map{width: 100%;height: 300px}
.contact-page .contact-content{max-width: 1240px;margin: 0 auto;margin-top: 60px}
.contact-page .contact-content .title-box{float: left;width: 420px}
.contact-page .contact-content .title-box h6{font-size: 24px}
.contact-page .contact-content .title-box h6 span{font-size: 18px;padding: 0 20px;color: #888;text-transform: uppercase}
.contact-page .contact-content .content-details{margin-left: 420px;color: #888;font-size: 18px;line-height: 1.8}
.contact-page .contact-content .company-name{font-size: 24px;color: #444;margin-top: 50px}
.contact-page .contact-content .company-en-name{text-transform: uppercase}
.contact-page .contact-content .contact-addr{margin-top: 50px}
.contact-page .contact-content .contact-mode{margin-top: 50px}
.contact-page .contact-content .contact-qr-img{margin-top: 50px}
.contact-page .contact-content .contact-qr-img .qr-img{float: left;max-width: 150px;margin-left: 20px}
.contact-page .contact-content .contact-qr-img .qr-img:first-child{margin-left: 0}
.contact-page .contact-content .contact-qr-img .qr-img img{display: block;width: 100%}
.contact-page .contact-content .company-advan{margin: 50px auto;}
.contact-page .contact-content .company-advan dd{margin-top: 20px}
/*@media (max-width: 360px){
.about-page-customer .customer-list-box .customer-list dd p{font-size: 14px;}
}*/
@media (max-width: 1400px){.contact-page{width: 100%;padding: 60px 100px}
.contact-page .contact-content{max-width: 1240px;margin: 0 auto;margin-top: 60px}
.contact-page .contact-content .title-box{float: left;width: 320px}
.contact-page .contact-content .content-details{margin-left: 320px}}
@media (max-width: 1200px){.contact-page{width: 100%;padding: 60px 80px}
.contact-page .contact-content{max-width: 1240px;margin: 0 auto;margin-top: 60px}
.contact-page .contact-content .title-box{float: left;width: 320px}
.contact-page .contact-content .content-details{margin-left: 320px}}
@media (max-width: 991px){.contact-page{width: 100%;padding: 60px 10px}
.contact-page .contact-content{max-width: 750px;margin: 0 auto;margin-top: 60px}
.contact-page .contact-content .title-box{float: none;width: 100%}
.contact-page .contact-content .title-box h6{font-size: 20px}
.contact-page .contact-content .title-box h6 span{font-size: 16px;padding: 0 20px;color: #888;text-transform: uppercase}
.contact-page .contact-content .content-details{margin-left: 0;margin-top: 10px}
.contact-page .contact-content .company-name{font-size: 20px;color: #444;margin-top: 50px}
.contact-page .contact-content .company-en-name{text-transform: uppercase}
.contact-page .contact-content .contact-addr{margin-top: 50px}
.contact-page .contact-content .contact-mode{margin-top: 50px}
.contact-page .contact-content .contact-qr-img{margin-top: 50px}
.contact-page .contact-content .contact-qr-img .qr-img{float: left;max-width: 150px;margin-left: 20px}
.contact-page .contact-content .contact-qr-img .qr-img:first-child{margin-left: 0}
.contact-page .contact-content .contact-qr-img .qr-img img{display: block;width: 100%}
.contact-page .contact-content .company-advan{margin-top: 50px}
.contact-page .contact-content .company-advan dd{margin-top: 20px}}
@media (max-width: 749px){.contact-page{width: 100%;padding: 30px 10px}
.contact-page .contact-map{display: none}
.contact-page .contact-content{max-width: 750px;margin: 0 auto;margin-top: 60px}
.contact-page .contact-content .title-box{display: none}
.contact-page .contact-content .content-details{margin-left: 0;margin-top: 10px;font-size: 14px;margin-top: 30px}
.contact-page .contact-content .company-name{font-size: 20px;color: #444;margin-top: 30px;text-align: center}
.contact-page .contact-content .company-en-name{text-transform: uppercase}
.contact-page .contact-content .contact-addr{margin-top: 30px;text-align: center;font-size: 16px;}
.contact-page .contact-content .contact-mode{margin-top: 30px;text-align: center;font-size: 16px;}
.contact-page .contact-content .contact-qr-img{margin-top: 30px}
.contact-page .contact-content .contact-qr-img .qr-img{float: none;max-width: 126px;margin-left: 20px;margin: 0 auto}
.contact-page .contact-content .contact-qr-img .qr-img:first-child{margin-left: auto}
.contact-page .contact-content .contact-qr-img .qr-img img{display: block;width: 100%}
.contact-page .contact-content .company-advan{margin-top: 30px;text-align: center;font-size: 16px;}
.contact-page .contact-content .company-advan dd{margin-top: 0;}}
.service-page{width: 100%;padding: 70px 20px}
.service-page .service-box{max-width: 1240px;margin: 0 auto}
.service-page .service-list-box{margin-top: 70px}
.service-page .service-list{margin: -10px}
.service-page .service-item{float: left;width: 33.333%;padding: 10px}
.service-page .item-brief{width: 100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
@media (max-width: 456px){.contact-page .contact-content{margin-top: 0;}}
@media (min-width: 991px){.service-page .item-brief:hover{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05)}
.service-page .item-brief:hover .brief-content::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.service-page .item-brief:hover .brief-content .service-title{color: #e23433}
.service-page .item-brief:hover .brief-content .service-title::after{background: #e23433;-webkit-transform: scale(2, 1);-moz-transform: scale(2, 1);-ms-transform: scale(2, 1);-o-transform: scale(2, 1);transform: scale(2, 1)}}
.service-page .item-img{display: block;width: 100%;height: 180px}
.service-page .more-btn{display: block;text-align: center;font-size: 16px;color: #888;text-transform: uppercase;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;bottom: 30px;left: 0;right: 0}
@media (min-width: 991px){.service-page .more-btn:hover{color: #e23433}}
.service-page .brief-content{height: 240px;padding: 30px 20px;background: #fff;position: relative}
.service-page .brief-content::after{content: "";display: block;height: 2px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);-ms-transform: scale(0, 1);-o-transform: scale(0, 1);transform: scale(0, 1);position: absolute;bottom: 0;left: 0;right: 0}
.service-page .brief-content .service-title{font-size: 20px;text-align: center;position: relative;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (min-width: 991px){.service-page .brief-content .service-title:hover{color: #e23433}}
.service-page .brief-content .service-title::after{content: "";display: block;width: 40px;height: 2px;background: #eae9e9;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;left: 50%;bottom: -15px;margin-left: -20px}
.service-page .brief-content .service-content-list{margin-top: 40px}
.service-page .brief-content .service-content-list a, .service-page .brief-content .service-content-list p{float: left;width: 50%;font-size: 18px;line-height: 1.4;padding-left: 18px;position: relative;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (min-width: 991px){.service-page .brief-content .service-content-list a:hover, .service-page .brief-content .service-content-list p:hover{color: #e23433}}
.service-page .brief-content .service-content-list a::before, .service-page .brief-content .service-content-list p::before{content: "";display: block;width: 10px;height: 1px;background: #eae9e9;position: absolute;left: 0;top: 50%}
@media (max-width: 1400px){.service-page{width: 100%}
.service-page .service-box{max-width: 991px;margin: 0 auto}
.service-page .service-list-box{margin-top: 70px}
.service-page .service-list{margin: -15px}
.service-page .service-item{float: left;width: 50%;padding: 15px}
.service-page .item-brief{width: 100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.service-page .item-img{display: block;width: 100%;height: 200px}
.service-page .brief-content{height: 240px;padding: 30px 20px}}
@media (max-width: 991px){.service-page{width: 100%}
.service-page .service-box{max-width: 750px;margin: 0 auto}
.service-page .service-list-box{margin-top: 70px}
.service-page .service-list{margin: -10px}
.service-page .service-item{float: left;width: 50%;padding: 10px}
.service-page .item-brief{width: 100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.service-page .item-img{display: block;width: 100%;height: 20.18163471vw;max-height: 200px}
.service-page .brief-content{height: 280px;padding: 30px 20px}
.service-page .brief-content .service-content-list{margin-top: 30px}
.service-page .brief-content .service-content-list a, .service-page .brief-content .service-content-list p{float: none;width: 100%;font-size: 18px;line-height: 1.4;padding-left: 18px;margin-top: 5px}}
@media (max-width: 749px){.service-page{width: 100%;padding: 30px 10px}
.service-page .service-box{max-width: 420px;margin: 0 auto}
.service-page .service-list-box{margin-top: 30px}
.service-page .service-list{margin: -10px}
.service-page .service-item{float: left;width: 100%;padding: 10px}
.service-page .item-brief{width: 100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.service-page .item-img{display: block;width: 100%;height: 47.61904762vw;max-height: 200px}
.service-page .brief-content{height: 280px;padding: 30px 20px}
.service-page .brief-content .service-content-list{margin-top: 30px}
.service-page .brief-content .service-content-list a, .service-page .brief-content .service-content-list p{float: none;width: 100%;font-size: 16px;line-height: 1.4;padding-left: 18px;margin-top: 5px}}
.case-page{width: 100%;padding: 70px 20px}
.case-page .case-menu-box{margin-top: 50px;text-align: center}
.case-page .case-menu-box .item{display: block}
.case-page .case-menu-box .project-menu-list{margin: 0 auto;font-size: 0}
.case-page .case-menu-box li{display: inline-block;height: 40px;margin-left: 60px}
.case-page .case-menu-box li:first-child{margin-left: 0}
.case-page .case-menu-box li > a{display: block;height: 40px;font-size: 18px;color: #888;line-height: 40px;position: relative}
@media (min-width: 991px){.case-page .case-menu-box li > a:hover::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}}
.case-page .case-menu-box li > a::after{content: "";display: block;height: 2px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);-ms-transform: scale(0, 1);-o-transform: scale(0, 1);transform: scale(0, 1);position: absolute;bottom: 0;left: 0;right: 0}
.case-page .case-menu-box .curr a:after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.case-page .case-list-box{width: 100%;margin-top: 60px}
.case-page .case-list-box > .case-list{margin: -10px;min-height: 300px;overflow: hidden}
.case-page .case-list-box > .case-list > li{float: left;width: 25%;padding: 10px}
.case-page .case-list-box > .case-list > li a{display: block;width: 100%;position: relative}
@media (min-width: 991px){.case-page .case-list-box > .case-list > li a:hover .case-img:before{opacity: 1}
.case-page .case-list-box > .case-list > li a:hover .case-img .lazythumb{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}
.case-page .case-list-box > .case-list > li a:hover .brief-title{-webkit-transform: translate(0, -80px);-moz-transform: translate(0, -80px);-ms-transform: translate(0, -80px);-o-transform: translate(0, -80px);transform: translate(0, -80px)}
.case-page .case-list-box > .case-list > li a:hover .description{height: 40px;opacity: 1}}
.case-page .case-list-box > .case-list > li .case-img{width: 100%;height: 18.22916667vw;max-height: 350px;overflow: hidden;position: relative}
.case-page .case-list-box > .case-list > li .case-img::before{content: "";background: rgba(0, 0, 0, 0.5);opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 0px;left: 0px;bottom: 10px;right: 10px;z-index: 1;width: 100%;height: 100%;}
.case-page .case-list-box > .case-list > li .case-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.case-page .case-list-box > .case-list > li .case-brief{height: 80px;padding: 15px;text-align: center;position: relative;z-index: 9}
.case-page .case-list-box > .case-list > li .case-brief .brief-title{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.case-page .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 20px;text-transform: uppercase}
.case-page .case-list-box > .case-list > li .case-brief .brief-title span{display: block;font-size: 18px;color: #888}
.case-page .case-list-box > .case-list > li .case-brief .description{height: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0;font-size: 16px;color: #888;position: absolute;left: 0;bottom: 0}
.case-page .list-page-filp{margin-top: 60px}
@media (max-width: 1200px){.case-page{width: 100%;padding: 70px 20px}
.case-page .case-list-box{width: 100%;margin-top: 60px}
.case-page .case-list-box > .case-list{margin: -10px;min-height: 300px;overflow: hidden}
.case-page .case-list-box > .case-list > li{float: left;width: 33.3333%;padding: 10px}
.case-page .case-list-box > .case-list > li a{display: block;width: 100%;position: relative}
.case-page .case-list-box > .case-list > li .case-img{width: 100%;height: 23.33333333vw;max-height: 350px}}
@media (max-width: 991px){.case-page{width: 100%;padding: 70px 20px}
.case-page .case-list-box{width: 100%;margin-top: 60px}
.case-page .case-list-box > .case-list{margin: -10px;min-height: 300px;overflow: hidden}
.case-page .case-list-box > .case-list > li{float: left;width: 33.3333%;padding: 10px}
.case-page .case-list-box > .case-list > li a{display: block;width: 100%;position: relative}
.case-page .case-list-box > .case-list > li .case-img{width: 100%;height: 23.33333333vw;max-height: 350px;overflow: hidden;position: relative}
.case-page .case-list-box > .case-list > li .case-img::before{content: "";background: rgba(255, 255, 255, 0.5);opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 10px;left: 10px;bottom: 10px;right: 10px;z-index: 1}
.case-page .case-list-box > .case-list > li .case-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.case-page .case-list-box > .case-list > li .case-brief{height: 80px;padding: 15px;text-align: center;position: relative;z-index: 9}
.case-page .case-list-box > .case-list > li .case-brief .brief-title{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.case-page .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 20px;text-transform: uppercase}
.case-page .case-list-box > .case-list > li .case-brief .brief-title span{display: block;font-size: 18px;color: #888}
.case-page .case-list-box > .case-list > li .case-brief .description{height: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0;font-size: 16px;color: #888;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: absolute;left: 0;bottom: 0}}
@media (max-width: 749px){.case-page{width: 100%;padding-top: 85px;padding-right: 10px;padding-bottom: 30px;padding-left: 10px;}
.case-page .case-menu-box{margin-top: 30px;text-align: center}
.case-page .case-menu-box li{display: inline-block;height: 40px;margin-left: 30px}
.case-page .case-menu-box li > a{display: block;height: 40px;font-size: 16px}
.case-page .case-list-box{width: 100%;margin-top: 30px}
.case-page .case-list-box > .case-list{margin: -5px;min-height: 300px;overflow: hidden}
.case-page .case-list-box > .case-list > li{float: left;width: 50%;padding: 5px}
.case-page .case-list-box > .case-list > li a{display: block;width: 100%;position: relative}
.case-page .case-list-box > .case-list > li .case-img{width: 100%;height: 31.81818182vw;max-height: 350px;overflow: hidden;position: relative}
.case-page .case-list-box > .case-list > li .case-img::before{content: "";background: rgba(255, 255, 255, 0.5);opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 10px;left: 10px;bottom: 10px;right: 10px;z-index: 1}
.case-page .case-list-box > .case-list > li .case-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.case-page .case-list-box > .case-list > li .case-brief{height: 80px;padding: 10px;text-align: center;position: relative;z-index: 9}
.case-page .case-list-box > .case-list > li .case-brief .brief-title{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.case-page .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 16px;text-transform: uppercase}
.case-page .case-list-box > .case-list > li .case-brief .brief-title span{display: block;font-size: 12px;color: #888;margin-top: 10px}
.case-page .case-list-box > .case-list > li .case-brief .description{height: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0;font-size: 16px;color: #888;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: absolute;left: 0;bottom: 0}}



.case-details-page{width: 100%;position: relative}
.case-details-page .case-box{width: 100%;padding-top: 2%;}
.case-details-page .case-box .case-brief-box{width: 80%;padding: 3%;color: #fff;background: #e50039;    margin: 0 auto;}
.case-details-page .case-box .case-brief-box .title-box{float: left;width: 330px;font-size: 30px;text-transform: uppercase}
.case-details-page .case-box .case-brief-box .title-box .shu{border: 2px solid #fff;height: 30px;float: left;margin-right: 20px;}
.case-details-page .case-box .case-brief-box .brief-text-box{margin-left: 350px;font-size: 16px}
.case-details-page .case-box .case-brief-box .brief-text-box .brief-text{margin-bottom: 10px}
.case-details-page .case-box .case-brief-box .brief-text-box .brief-text p{margin-bottom: 10px;line-height: 25px;}
.case-details-page .case-box .case-brief-box .brief-text-box .case-data{margin-top: 40px}
.case-details-page .case-box .content{line-height: 24px;margin-top: 40px}
.case-details-page .case-box .content p, .case-details-page .case-box .content div{  text-align: center; background: #fff;width: 80%;margin: 0 auto;padding: 2%;}
.case-details-page .case-box .content img{display: block;width:100%;margin: 0 auto !important;padding: 0 !important}
.case-details-page .case-box .case-other-content{    padding-bottom: 2%;/* border-top: 1px solid #eae9e9; */ background-color: #fff;}
.case-details-page .case-box .case-other-content .keywords-list{float: left;width: 67.74193548%;margin: -15px}
.case-details-page .case-box .case-other-content .keywords-list li{float: left;margin: 15px}
.case-details-page .case-box .case-other-content .keywords-list a{display: block;height: 40px;line-height: 40px;font-size: 16px;padding: 0 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #e2e2e2;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}

.bgGray { background: #eaeaea;}










@media (min-width: 991px){.case-details-page .case-box .case-other-content .keywords-list a:hover{background: #e23433;color: #fff}}
.case-details-page .case-box .case-other-content .filp-btn-box{float: right;width: 31.5%}
.case-details-page .case-box .case-other-content .filp-btn-box a{float: left;display: block;width: 30%;height: 50px;color: #fff;border: none;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;background: #e23433;background-size: cover;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;line-height: 52px;font-size: 16px;color: #fff;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;margin-left: 2%}
.case-details-page .case-box .case-other-content .filp-btn-box a .iconfont{font-size: 12px}
.case-details-page .case-box .case-other-content .filp-btn-box a:first-child{margin-left: 0}
.case-details-page .case-box .case-other-content .filp-btn-box a:last-child{width: 30%}
@media (min-width: 991px){.case-details-page .case-box .case-other-content .filp-btn-box a:hover{background: #e23433;color: #fff}}
.case-details-page .case-box .case-other-content .filp-btn-box a .iconfont{font-size: 24px}
.case-details-page .case-aside-box{width: 320px;padding: 20px 10px 0 10px;background: #fff;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);text-align: center;position: absolute;top: 60px;right: 20px;z-index: 999}
.case-details-page .case-aside-box p{font-size: 16px}
.case-details-page .case-aside-box p:first-child{font-weight: bold}
.case-details-page .case-aside-box .qr-img{margin-top: 20px}
.case-details-page .case-aside-box .aside-btn{display: block;width: 100%;height: 50px;color: #fff;border: none;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background: #e23433;background-size: cover;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;font-size: 16px;margin: 20px 0}
.case-details-page .case-aside-box .aside-btn .iconfont{font-size: 12px}
.case-details-page .case-aside-box .share-box{display: inline-block}
.case-details-page .case-aside-active{position: fixed;top: 115px;right: 20px}
@media (max-width: 1400px){.case-details-page{width: 100%;padding: 60px 300px 60px 20px;position: relative}
.case-details-page .case-box{width: 100%}
.case-details-page .case-box .case-brief-box{width: 100%;padding: 40px;color: #fff;background: #e50039}
.case-details-page .case-box .case-brief-box .title-box{float: none;width: 100%;font-size: 30px;text-transform: uppercase}
.case-details-page .case-box .case-brief-box .brief-text-box{margin-left: 0;margin-top: 40px}
.case-details-page .case-aside-box{width: 240px;padding: 20px 10px 0 10px}}
@media (max-width: 1200px){.case-details-page{width: 100%;padding: 60px 20px 60px 20px;position: relative}
.case-details-page .case-box{width: 100%}
.case-details-page .case-box .case-brief-box{width: 100%;padding: 40px;color: #fff;background: #e50039}
.case-details-page .case-box .case-brief-box .title-box{float: none;width: 100%;font-size: 30px;text-transform: uppercase}
.case-details-page .case-box .case-brief-box .brief-text-box{margin-left: 0;margin-top: 40px;font-size: 16px}
.case-details-page .case-box .case-brief-box .brief-text-box .brief-text{margin-bottom: 40px}
.case-details-page .case-box .case-brief-box .brief-text-box .brief-text p{margin-bottom: 30px}
.case-details-page .case-box .case-brief-box .brief-text-box .case-data{margin-top: 40px}
.case-details-page .case-aside-box{display: none}}
@media (max-width: 991px){
.case-details-page .case-box .content p, .case-details-page .case-box .content div {width: 100%;}	
.case-details-page{width: 100%;padding: 20px 10px;position: relative}
.case-details-page .case-box{width: 100%}
.case-details-page .case-box .case-brief-box{width: 100%;padding: 30px;color: #fff;background: #e50039}
.case-details-page .case-box .case-brief-box .title-box{float: none;width: 100%;font-size: 30px;text-transform: uppercase}
.case-details-page .case-box .case-brief-box .brief-text-box{margin-left: 0;margin-top: 40px;font-size: 16px}
.case-details-page .case-box .case-brief-box .brief-text-box .brief-text{margin-bottom: 40px}
.case-details-page .case-box .case-brief-box .brief-text-box .brief-text p{margin-bottom: 30px}
.case-details-page .case-box .case-brief-box .brief-text-box .case-data{margin-top: 40px}
.case-details-page .case-box .case-other-content{padding-bottom: 40px;padding-top: 20px;border-top: none;}
.case-details-page .case-box .case-other-content .keywords-list{float: none;width: 100%;margin: -10px;margin-top: 20px}
.case-details-page .case-box .case-other-content .keywords-list li{float: left;margin: 10px}
.case-details-page .case-box .case-other-content .filp-btn-box{float: none;width: 100%}
.case-details-page .case-box .case-other-content .filp-btn-box a{float: left;display: block;width: 33%;height: 50px;color: #fff;border: none;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background: #e23433;background-size: cover;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;line-height: 52px;font-size: 16px;color: #fff;background: #e23433;margin-left: 2%}
.case-details-page .case-box .case-other-content .filp-btn-box a .iconfont{font-size: 12px}
.case-details-page .case-box .case-other-content .filp-btn-box a:last-child{width: 33%}
.case-details-page .case-box .case-other-content .filp-btn-box a .iconfont{font-size: 24px}}
@media (max-width: 749px){
.case-details-page .case-box .content {margin-top: 30px;}
.case-details-page .case-box .content p, .case-details-page .case-box .content div {width: 100%;}		
.case-details-page{width: 100%;padding: 20px 10px;position: relative}
.case-details-page .case-box .case-brief-box .title-box .shu{ height:22px;}
.case-details-page .case-box{width: 100%}
.case-details-page .case-box .content img{width: 100% !important;height: 100% !important;}
.case-details-page .case-box .case-brief-box{width: 100%;padding: 20px;color: #fff;background: #e50039}
.case-details-page .case-box .case-brief-box .title-box{float: none;width: 100%;font-size: 22px;text-transform: uppercase}
.case-details-page .case-box .case-brief-box .brief-text-box{margin-left: 0;margin-top: 20px;font-size: 14px}
.case-details-page .case-box .case-brief-box .brief-text-box .brief-text{margin-bottom: 40px}
.case-details-page .case-box .case-brief-box .brief-text-box .brief-text p{margin-bottom: 10px}
.case-details-page .case-box .case-brief-box .brief-text-box .case-data{margin-top: 40px}
.case-details-page .case-box .case-other-content{    padding-bottom: 30px;padding-top: 10px;border-top: none;}
.case-details-page .case-box .case-other-content .keywords-list{float: none;width: 100%;margin: -5px}
.case-details-page .case-box .case-other-content .keywords-list li{float: left;margin: 5px}
.case-details-page .case-box .case-other-content .keywords-list li a{font-size: 12px;height: 30px;line-height: 30px;padding: 0 15px}
.case-details-page .case-box .case-other-content .filp-btn-box{float: none;width: 100%;margin-top: 20px}
.case-details-page .case-box .case-other-content .filp-btn-box a{height: 40px;line-height: 42px;font-size: 16px;color: #fff; background: #e23433;}
.case-details-page .case-box .case-other-content .filp-btn-box a .iconfont{font-size: 24px}}
.details-recom-box{width: 100%;padding: 30px 85px;background: #f7f7f7}
.details-recom-box h4{font-size: 30px}
.details-recom-box .recom-list-box{width: 100%;margin-top: 60px}
.details-recom-box .recom-list-box > .recom-list{margin: -10px;min-height: 300px;overflow: hidden}
.details-recom-box .recom-list-box > .recom-list > li{float: left;width: 25%;padding: 10px}
.details-recom-box .recom-list-box > .recom-list > li a{display: block;width: 100%;position: relative}
@media (min-width: 991px){.details-recom-box .recom-list-box > .recom-list > li a:hover .case-img:before{opacity: 1}
.details-recom-box .recom-list-box > .recom-list > li a:hover .case-img .lazythumb{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}
.details-recom-box .recom-list-box > .recom-list > li a:hover .brief-title{-webkit-transform: translate(0, -80px);-moz-transform: translate(0, -80px);-ms-transform: translate(0, -80px);-o-transform: translate(0, -80px);transform: translate(0, -80px)}
.details-recom-box .recom-list-box > .recom-list > li a:hover .description{height: 40px;opacity: 1}}
.details-recom-box .recom-list-box > .recom-list > li .case-img{width: 100%;height: 14.58333333vw;max-height: 280px;overflow: hidden;position: relative}
.details-recom-box .recom-list-box > .recom-list > li .case-img::before{content: "";background: rgba(255, 255, 255, 0.5);opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 10px;left: 10px;bottom: 10px;right: 10px;z-index: 1}
.details-recom-box .recom-list-box > .recom-list > li .case-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.details-recom-box .recom-list-box > .recom-list > li .case-brief{height: 80px;padding: 15px;text-align: center;position: relative;z-index: 9}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .brief-title{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .brief-title h6{font-size: 20px;text-transform: uppercase}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .brief-title span{display: block;font-size: 18px;color: #888}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .description{height: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0;font-size: 16px;color: #888;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: absolute;left: 0;bottom: 0}
@media (max-width: 1400px){.details-recom-box{width: 100%;padding: 60px 300px 60px 20px}
.details-recom-box .recom-list-box{width: 100%;margin-top: 60px}
.details-recom-box .recom-list-box > .recom-list{margin: -10px;min-height: 300px;overflow: hidden}
.details-recom-box .recom-list-box > .recom-list > li{float: left;width: 25%;padding: 10px}
.details-recom-box .recom-list-box > .recom-list > li .case-img{width: 100%;height: 14.58333333vw;max-height: 280px;overflow: hidden;position: relative}
.details-recom-box .recom-list-box > .recom-list > li .case-img::before{content: "";background: rgba(255, 255, 255, 0.5);opacity: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: absolute;top: 10px;left: 10px;bottom: 10px;right: 10px;z-index: 1}
.details-recom-box .recom-list-box > .recom-list > li .case-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.details-recom-box .recom-list-box > .recom-list > li .case-brief{height: 80px;padding: 15px;text-align: center;position: relative;z-index: 9}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .brief-title{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .brief-title h6{font-size: 16px;text-transform: uppercase}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .brief-title span{display: block;font-size: 14px;color: #888}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .description{height: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity: 0;font-size: 14px}}
@media (max-width: 1200px){.details-recom-box{width: 100%;padding: 60px 20px 60px 20px}}
@media (max-width: 991px){.details-recom-box{width: 100%;padding: 30px 20px 60px 20px;background: #f7f7f7}
.details-recom-box h4{max-width: 750px;margin: 0 auto;font-size: 24px}
.details-recom-box .recom-list-box{max-width: 750px;margin: 0 auto;margin-top:30px}
.details-recom-box .recom-list-box > .recom-list{margin: -10px;min-height: 300px;overflow: hidden}
.details-recom-box .recom-list-box > .recom-list > li{float: left;width: 50%;padding: 10px}
.details-recom-box .recom-list-box > .recom-list > li a{display: block;width: 100%;position: relative}
.details-recom-box .recom-list-box > .recom-list > li .case-img{width: 100%;height: 24.21796165vw;max-height: 240px}
.details-recom-box .recom-list-box > .recom-list > li .case-brief{height: 80px;padding: 15px;text-align: center;position: relative;z-index: 9}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .brief-title{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .brief-title h6{font-size: 18px;text-transform: uppercase}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .brief-title span{display: block;font-size: 14px;color: #888}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .description{display: none}}
@media (max-width: 749px){.details-recom-box{width: 100%;padding: 30px 10px;background: #f7f7f7}
.details-recom-box h4{max-width: 750px;margin: 0 auto;font-size: 24px}
.details-recom-box .recom-list-box{max-width: 750px;margin: 0 auto;margin-top: 30px}
.details-recom-box .recom-list-box > .recom-list{margin: -5px;min-height: 300px;overflow: hidden}
.details-recom-box .recom-list-box > .recom-list > li{float: left;width: 50%;padding: 5px}
.details-recom-box .recom-list-box > .recom-list > li a{display: block;width: 100%;position: relative}
.details-recom-box .recom-list-box > .recom-list > li .case-img{width: 100%;height: 32vw;max-height: 240px}
.details-recom-box .recom-list-box > .recom-list > li .case-brief{height: 80px;padding: 5px;text-align: center;position: relative;z-index: 9}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .brief-title{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .brief-title h6{font-size: 16px;text-transform: uppercase}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .brief-title span{display: block;font-size: 14px;color: #888;margin-top: 5px}
.details-recom-box .recom-list-box > .recom-list > li .case-brief .description{display: none}}
.case-contact-form{width: 100%;padding: 90px 360px 90px 10px;background: url("../images/hp_contact_form_bg.jpg") center center}
.case-contact-form .contact-form{max-width: 1520px;margin: 0 auto}
.case-contact-form .form-title{font-size: 36px}
.case-contact-form .my-form{margin: 0 -10px;padding: 25px 0}
.case-contact-form .my-form > div{float: left;padding: 0 10px;position: relative}
.case-contact-form .my-form input{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;padding: 0 20px;background: #fff;border: none}
.case-contact-form .my-form input::-webkit-input-placeholder{color: #888}
.case-contact-form .my-form input:-moz-placeholder{color: #888}
.case-contact-form .my-form input::-moz-placeholder{color: #888}
.case-contact-form .my-form input:-ms-input-placeholder{color: #888}
.case-contact-form .my-form input[type="submit"]{background: #e23433;color: #fff}
.case-contact-form .my-form label.error{color: #f00;position: absolute;top: 55px;left: 10px}
.case-contact-form .my-form .form-group{width: 24.34210526%}
.case-contact-form .my-form .demand-group{width: 30.26315789%}
.case-contact-form .my-form .form-submit{width: 21.05263158%}
.case-contact-form .description{font-size: 16px;text-align: right}
@media (max-width: 1400px){.case-contact-form{width: 100%}
.case-contact-form .contact-form{max-width: 1520px;margin: 0 auto}
.case-contact-form .form-title{font-size: 36px}
.case-contact-form .my-form{margin: 0 -10px;padding: 25px 0}
.case-contact-form .my-form > div{float: left;padding: 10px;position: relative}
.case-contact-form .my-form input{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;padding: 0 20px;background: #fff;border: none}
.case-contact-form .my-form input::-webkit-input-placeholder{color: #888}
.case-contact-form .my-form input:-moz-placeholder{color: #888}
.case-contact-form .my-form input::-moz-placeholder{color: #888}
.case-contact-form .my-form input:-ms-input-placeholder{color: #888}
.case-contact-form .my-form input[type="submit"]{background: #e23433;color: #fff}
.case-contact-form .my-form label.error{color: #f00;position: absolute;top: 55px;left: 10px}
.case-contact-form .my-form .form-group{width: 50%}
.case-contact-form .my-form .demand-group{width: 50%}
.case-contact-form .my-form .form-submit{width: 50%}
.case-contact-form .description{font-size: 16px;text-align: right}}
@media (max-width: 1200px){.case-contact-form{width: 100%;padding: 90px 10px}
.case-contact-form .contact-form{max-width: 1520px;margin: 0 auto}
.case-contact-form .form-title{font-size: 36px}
.case-contact-form .my-form{margin: 0 -10px;padding: 25px 0}
.case-contact-form .my-form > div{float: left;padding: 10px;position: relative}
.case-contact-form .my-form input{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;padding: 0 20px;background: #fff;border: none}
.case-contact-form .my-form input::-webkit-input-placeholder{color: #888}
.case-contact-form .my-form input:-moz-placeholder{color: #888}
.case-contact-form .my-form input::-moz-placeholder{color: #888}
.case-contact-form .my-form input:-ms-input-placeholder{color: #888}
.case-contact-form .my-form input[type="submit"]{background: #e23433;color: #fff}
.case-contact-form .my-form label.error{color: #f00;position: absolute;top: 55px;left: 10px}
.case-contact-form .my-form .form-group{width: 24.34210526%}
.case-contact-form .my-form .demand-group{width: 30.26315789%}
.case-contact-form .my-form .form-submit{width: 21.05263158%}
.case-contact-form .description{font-size: 16px;text-align: right}}
@media (max-width: 750px){.case-contact-form{width: 100%;padding: 40px 10px}
.case-contact-form .contact-form{max-width: 420px;margin: 0 auto}
.case-contact-form .form-title{font-size: 22px}
.case-contact-form .my-form{margin: 0 -10px;padding: 25px 0}
.case-contact-form .my-form > div{float: left;padding: 10px;position: relative}
.case-contact-form .my-form input{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;padding: 0 20px;background: #fff;border: none}
.case-contact-form .my-form input::-webkit-input-placeholder{color: #888}
.case-contact-form .my-form input:-moz-placeholder{color: #888}
.case-contact-form .my-form input::-moz-placeholder{color: #888}
.case-contact-form .my-form input:-ms-input-placeholder{color: #888}
.case-contact-form .my-form input[type="submit"]{background: #e23433;color: #fff}
.case-contact-form .my-form label.error{color: #f00;position: absolute;top: 55px;left: 10px}
.case-contact-form .my-form .form-group{width: 100%}
.case-contact-form .my-form .demand-group{width: 100%}
.case-contact-form .my-form .form-submit{width: 100%}
.case-contact-form .description{font-size: 14px;text-align: right}}
.news-page{width: 100%;padding: 60px 20px}
.news-page .news-box{max-width: 1240px;margin: 0 auto}
.news-page .news-menu-box{margin-top: 50px;text-align: center}
.news-page .news-menu-box .item{display: block}
.news-page .news-menu-box .project-menu-list{margin: 0 auto;font-size: 0}
.news-page .news-menu-box li{display: inline-block;height: 40px;line-height: 40px;margin-left: 60px}
.news-page .news-menu-box li:first-child{margin-left: 0}
.news-page .news-menu-box li > a{font-size: 18px;color: #888;padding: 8px 0;position: relative}
@media (min-width: 991px){.news-page .news-menu-box li > a:hover::after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}}
.news-page .news-menu-box li > a::after{content: "";display: block;height: 2px;background: #e23433;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);-ms-transform: scale(0, 1);-o-transform: scale(0, 1);transform: scale(0, 1);position: absolute;bottom: 0;left: 0;right: 0}
.news-page .news-menu-box .curr a:after{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.news-page .news-list-box{width: 100%;margin-top: 60px}
.news-page .news-list-box > .news-list{margin: -10px;min-height: 300px;overflow: hidden}
.news-page .news-list-box > .news-list > li{float: left;width: 50%;padding: 10px}
.news-page .news-list-box > .news-list > li a{display: block;width: 100%;position: relative}
@media (min-width: 991px){.news-page .news-list-box > .news-list > li a:hover .news-img .lazythumb{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}
.news-page .news-list-box > .news-list > li a:hover .news-brief .brief-box{-webkit-transform: translate(-20px, 0);-moz-transform: translate(-20px, 0);-ms-transform: translate(-20px, 0);-o-transform: translate(-20px, 0);transform: translate(-20px, 0)}
.news-page .news-list-box > .news-list > li a:hover .news-brief .title:before{width: 56px;left: -76px}}
.news-page .news-list-box > .news-list > li .news-img{width: 100%;height: 180px;overflow: hidden}
.news-page .news-list-box > .news-list > li .news-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.news-page .news-list-box > .news-list > li .news-brief{height: 150px;padding: 30px 15px 0 200px;text-align: left;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.news-page .news-list-box > .news-list > li .news-brief .brief-box{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.news-page .news-list-box > .news-list > li .news-brief .title{font-size: 20px;position: relative}
.news-page .news-list-box > .news-list > li .news-brief .title::before{content: "";display: block;width: 76px;height: 1px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background: #eae9e9;position: absolute;top: 50%;left: -96px}
.news-page .news-list-box > .news-list > li .news-brief .description{font-size: 16px;color: #888;margin-top: 30px}
.news-page .news-list-box > .news-list > li .news-brief .time{display: block;font-size: 16px;color: #888;position: absolute;top: 30px;left: 0}
.news-page .list-page-filp{margin-top: 60px}
@media (max-width: 991px){.news-page{width: 100%;padding: 0 20px 70px 20px}
.news-page .news-box{max-width: 750px;margin: 0 auto}
.news-page .news-list-box{width: 100%;margin-top: 60px}
.news-page .news-list-box > .news-list{margin: -10px;overflow: hidden}
.news-page .news-list-box > .news-list > li{float: left;width: 50%;padding: 10px}
.news-page .news-list-box > .news-list > li a{display: block;width: 100%;position: relative}
.news-page .news-list-box > .news-list > li .news-img{width: 100%;height: 120px;overflow: hidden}
.news-page .news-list-box > .news-list > li .news-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.news-page .news-list-box > .news-list > li .news-brief{height: auto;padding: 30px 15px 0 100px;text-align: left;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.news-page .news-list-box > .news-list > li .news-brief .brief-box{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.news-page .news-list-box > .news-list > li .news-brief .brief-box::before{display: none}
.news-page .news-list-box > .news-list > li .news-brief .title{font-size: 18px}
.news-page .news-list-box > .news-list > li .news-brief .description{font-size: 14px;color: #888;margin-top: 10px}
.news-page .news-list-box > .news-list > li .news-brief .time{display: block;font-size: 16px;color: #888;position: absolute;top: 30px;left: 0}}
@media (max-width: 749px){.news-page{width: 100%;padding-top: 86px;padding-right: 20px;padding-bottom: 30px;padding-left: 20px;}
.news-page .news-box{max-width: 450px;margin: 0 auto}
.news-page .news-menu-box{margin-top: 30px;text-align: center}
.news-page .news-menu-box li{display: inline-block;height: 40px;line-height: 40px;margin-left: 30px}
.news-page .news-menu-box li > a{font-size: 16px}
.news-page .news-list-box{width: 100%;margin-top: 30px}
.news-page .news-list-box > .news-list{margin: -10px;overflow: hidden}
.news-page .news-list-box > .news-list > li{float: left;width: 100%;padding: 10px}
.news-page .news-list-box > .news-list > li a{display: block;width: 100%;position: relative}
.news-page .news-list-box > .news-list > li .news-img{width: 100%;height: 28.57142857vw;max-height: 100px;overflow: hidden}
.news-page .news-list-box > .news-list > li .news-img > .lazythumb{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.news-page .news-list-box > .news-list > li .news-brief{height: auto;padding: 30px 15px 0 90px;text-align: left;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.news-page .news-list-box > .news-list > li .news-brief .brief-box{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative}
.news-page .news-list-box > .news-list > li .news-brief .brief-box::before{display: none}
.news-page .news-list-box > .news-list > li .news-brief .title{font-size: 16px}
.news-page .news-list-box > .news-list > li .news-brief .description{font-size: 14px;color: #888;margin-top: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.news-page .news-list-box > .news-list > li .news-brief .time{display: block;font-size: 14px;color: #888;position: absolute;top: 30px;left: 0}}
.news-details-page{width: 100%;padding: 60px 20px}
.news-details-page .news-box{max-width: 1240px;margin: 0 auto}
.news-details-page .news-box .title-box{padding-bottom: 30px;border-bottom: 1px solid #eae9e9;text-align: center;}
.news-details-page .news-box .title-box h1{font-size: 36px;color: #414141;}
.news-details-page .news-box .title-box .time{display: block;font-size: 16px;color: #888;margin-top: 10px}
.news-details-page .news-box .content{padding: 50px 0;line-height: 1.6;font-size: 16px;color: #888}
.news-details-page .news-box .content h2{font-size: 24px;color: #111}
.news-details-page .news-box .content h3{font-size: 20px;color: #444}
.news-details-page .news-box .content h4{font-size: 18px}
.news-details-page .news-box .content p{margin: 10px 0}
.news-details-page .news-box .content ul, .news-details-page .news-box .content ol{list-style-position: outside;margin-left: 20px}
.news-details-page .news-box .content img{display: block;max-width: 100%;margin: 0 auto}
.news-details-page .news-box .content b, .news-details-page .news-box .content strong{font-weight: bold}
.news-details-page .news-box .news-other-content{padding-top: 30px;border-top: 1px solid #eae9e9}
.news-details-page .news-box .news-other-content .keywords-list{float: left;width: 75.80645161%;margin: -15px}
.news-details-page .news-box .news-other-content .keywords-list li{float: left;margin: 15px}
.news-details-page .news-box .news-other-content .keywords-list a{display: block;height: 40px;line-height: 40px;font-size: 16px;padding: 0 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #e2e2e2;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (min-width: 991px){.news-details-page .news-box .news-other-content .keywords-list a:hover{background: #e23433;color: #fff}}
.news-details-page .news-box .news-other-content .filp-btn-box{float: right;width: 24.19354839%}
.news-details-page .news-box .news-other-content .filp-btn-box a{float: left;display: block;width: 48%;height: 50px;color: #fff;border: none;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;background: #e23433;background-size: cover;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;line-height: 52px;color: #444;background: #e2e2e2;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;margin-left: 4%}
.news-details-page .news-box .news-other-content .filp-btn-box a .iconfont{font-size: 12px}
.news-details-page .news-box .news-other-content .filp-btn-box a:first-child{margin-left: 0}
@media (min-width: 991px){.news-details-page .news-box .news-other-content .filp-btn-box a:hover{background: #e23433;color: #fff}}
.news-details-page .news-box .news-other-content .filp-btn-box a .iconfont{font-size: 24px}
@media (max-width: 749px){.news-details-page{width: 100%;padding: 20px 10px;/*margin-top:80px;*/}
.news-details-page .news-box{max-width: 580px;margin: 0 auto}
.news-details-page .news-box .title-box{padding-bottom: 10px;border-bottom: 1px solid #eae9e9}
.news-details-page .news-box .title-box h1{font-size: 22px !important;line-height: 30px;}
.bdsharebuttonbox ul{position: relative;top: 39px;right: 105px;}
.news-details-page .news-box .title-box .time{display: block;font-size: 14px;color: #888;margin-top: 10px}
.news-details-page .news-box .content{padding: 10px 0;line-height: 1.6;font-size: 16px;color: #888}
.news-details-page .news-box .content h2{font-size: 20px;color: #111}
.news-details-page .news-box .content h3{font-size: 18px;color: #444}
.news-details-page .news-box .content h4{font-size: 16px}
.news-details-page .news-box .content p{margin: 10px;}
.news-details-page .news-box .content ul, .news-details-page .news-box .content ol{width: auto !important;list-style-position: outside;margin-left: 20px}
.news-details-page .news-box .content img{display: block;max-width: 100%}
.news-details-page .news-box .content b, .news-details-page .news-box .content strong{font-weight: bold}
.news-details-page .news-box .news-other-content{padding-top: 0;border-top: 1px solid #eae9e9}
.news-details-page .news-box .news-other-content .keywords-list{float: none;width: 100%;margin: -5px;margin-top: 20px}
.news-details-page .news-box .news-other-content .keywords-list li{float: left;margin: 5px}
.news-details-page .news-box .news-other-content .keywords-list a{display: block;height: 30px;line-height: 30px;font-size: 12px;padding: 0 15px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px}
.news-details-page .news-box .news-other-content .filp-btn-box{float: none;width: 100%;text-align: center;margin-top: 20px}
.news-details-page .news-box .news-other-content .filp-btn-box a{float: none;display: block;width: 120px;height: 40px;color: #fff;border: none;line-height: 40px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;background: #e23433;background-size: cover;overflow: hidden;display: inline-block;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;line-height: 42px;color: #444;background: #e2e2e2;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;margin-left: 10px}
.news-details-page .news-box .news-other-content .filp-btn-box a .iconfont{font-size: 12px}
.news-details-page .news-box .news-other-content .filp-btn-box a:first-child{margin-left: 0}
.news-details-page .news-box .news-other-content .filp-btn-box a .iconfont{font-size: 24px}}
@font-face{font-family: 'iconfont';/* project id 1352501*/src: url('//at.alicdn.com/t/font_1352501_kj05keoeg2.eot');src: url('//at.alicdn.com/t/font_1352501_kj05keoeg2.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1352501_kj05keoeg2.woff2') format('woff2'), url('//at.alicdn.com/t/font_1352501_kj05keoeg2.woff') format('woff'), url('//at.alicdn.com/t/font_1352501_kj05keoeg2.ttf') format('truetype'), url('//at.alicdn.com/t/font_1352501_kj05keoeg2.svg#iconfont') format('svg');}
.active{color: #E23433;}
@media (min-width: 1000px){.old_nav{display: none;}
.old_nav1{display: none;}}
@media (max-width: 1000px){.nav_box{display: none !important;}}
@media (max-width: 991px){.hp-banner{margin-top: -30px;}
.page-banner-box{margin-top: 75px;}
.service-show-banner{margin-top: -6px;}
.service-routine-banner .h6{margin-top: 0px;}}
@media (min-width: 992px){.page-banner-box{margin-top: 110px;}
.service{margin-top: 100px;}
.soft{margin-top: 100px;}
.about{margin-top: 88px;}
.news{margin-top: 100px;}
.newsinfo{margin-top: 100px;}
.service-show-banner{margin-top: 35px;}}
/*右侧吸栏*/.yb_conct{position: fixed;z-index: 9999999;top: 200px;right: -127px;cursor: pointer;transition: all .3s ease;display: none}
.yb_bar ul li{width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top{background: #E23433 url("../images/rightbar.png") no-repeat 0 0;}
.yb_bar .yb_phone{background: #E23433 url("../images/rightbar.png") no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent: 0;background: #E23433 url("../images/rightbar.png") no-repeat 0 -113px;}
.yb_bar .yb_ercode{background: #E23433 url("../images/rightbar.png") no-repeat 0 -169px;}
/*.hd_qr{padding:0 29px 25px 29px !important;}*/.hd_qr{width: 130px;height: 130px;margin: 3px 26px !important;}
.yb_QQ a{display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;}
@media (min-width: 702px){.yb_conct{display: block;}}
.h_title{height: 60px;width: 100%;background: #f7f7f7;}
.y_title{height: 100%;width: 100%;display: flex;justify-content: space-between;padding: 22px 12px 12px 12px;}
.hh_title{font-size: 16px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.link_title{font-size: 12px;width: 60px !important;line-height: 27px;}
.case_link{border-bottom: 4px solid #E23433;}
.case-page .case-list-box > .case-list > li:hover .h_title{background: #E23433 !important;transition: all 0.3s !important;}
.case-page .case-list-box > .case-list > li:hover .hh_title{color: white !important;}
.case-page .case-list-box > .case-list > li:hover .link_title{color: white !important;}
.service-show-case .case-list-box > .case-list > li:hover .h_title{background: #E23433 !important;transition: all 0.3s !important;}
.service-show-case .case-list-box > .case-list > li:hover .hh_title{color: white !important;}
.service-show-case .case-list-box > .case-list > li:hover .link_title{color: white !important;}
.hp-team-project .case-list-box > .case-list > li:hover .h_title{background: #E23433 !important;transition: all 0.3s !important;}
.hp-team-project .case-list-box > .case-list > li:hover .hh_title{color: white !important;}
.hp-team-project .case-list-box > .case-list > li:hover .link_title{color: white !important;}
@media (min-width: 1000px){.case-brief{display: none;}
.h_title{display: block;}}
@media (max-width: 1000px){.h_title{display: none;}
.case-brief{display: block;}}
@media (max-width: 749px){.hp-team-project .case-list-box > .case-list > li .case-brief{height: 60px !important;}
.hp-team-project .case-list-box > .case-list > li .case-brief .brief-title span{margin-top: 10px !important;}
/*web*/.new_div{width: auto;margin-top: 20px;}
.new_ul{text-align: center;}
.new_li{/*margin-left: 20px;*/display: inline-block;width: 90px;height: 24px;color: white;background-color: #E23433;border-radius: 5px;margin-top: 10px;line-height: 24px;}
.new_active{background-color: #888;color: white;}
.list-page-filp{margin-top: 60px;}
.list-page-filp li{font-size: 18px !important;font-family: "微软雅黑" !important;}
.list-page-filp li.active{background: #e23433;color: #FFF;font-weight: 900;border-color: #e23433;}
.bd_active{border-bottom: 2px solid #e23433;}
@media (max-width: 749px){.service-show-case .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 15px !important;}
.service-show-case .case-list-box > .case-list > li .case-brief{height: 60px !important;}
.list-page-filp{margin-top: 10px !important;}
.list-page-filp li{font-size: 12px !important;}
.service-show-case .project-menu-box li > a{font-size: 16px !important;}
.service-show-case .project-menu-box li{margin-left: 30px !important;}
.service-show-case .project-menu-box li:first-child{margin-left: 0px !important;}}
/*web*//*index*/@media (max-width: 749px){.hp-team-project .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 15px !important;}
.hp-team-project .project-menu-box li > a{font-size: 15px !important;}
.hp-team-project .project-menu-box li{margin-left: 30px !important;}
.hp-team-project .project-menu-box li:first-child{margin-left: 0px !important;}}
/*html5*/@media (max-width: 749px){.service-show-case .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 15px !important;}
.service-show-case .case-list-box > .case-list > li .case-brief{height: 60px !important;}
.service-show-case .project-menu-box li > a{font-size: 16px !important;}
.service-show-case .project-menu-box li{margin-left: 30px !important;}
.service-show-case .project-menu-box li:first-child{margin-left: 0px !important;}}
/*case*/.list-page-filp{text-align: center;}
.list-page-filp li.active{background: #e23433;color: #FFF;font-weight: 900;border-color: #e23433;}
.new_div{width: auto;margin-top: 20px;}
.new_ul{text-align: center;}
.new_li{/*margin-left: 20px;*/display: inline-block;width: 90px;height: 24px;color: white;background-color: #E23433;border-radius: 5px;margin-top: 10px;line-height: 24px;}
.new_active{background-color: #888;color: white;}
.list-page-filp li{font-family: "微软雅黑" !important;}
.list-page-filp li a:hover{color: white !important;}
@media (max-width: 749px){.case-page .case-list-box > .case-list > li .case-brief .brief-title h6{font-size: 15px !important;}
.list-page-filp{margin-top: 10px !important;}
.case-page .case-list-box > .case-list > li .case-brief{height: 60px;}
.description-box p{font-size: 16px;margin: 10px;text-indent: 2.4rem;color: #888;margin-top: 20px;line-height: 1.6;}
.contact-page .contact-content .contact-addr p{font-size: 16px;margin: 10px;color: #888;margin-top: 20px;line-height: 1.6;}
}
@media (max-width: 360px){
.contact-page .contact-content .contact-addr p{margin: 0px;}
.contact-page .contact-content .company-advan {margin: 20px auto;}
.page-banner-box .banner-text p {font-size: 15px;}
}
/*新闻详情*/.link{background: red !important;color: #fff !important;}
.link:hover{background: #E2E2E2 !important;color: #444444 !important;}
/*文章*/@media (max-width: 950px){.bdsharebuttonbox{display: none;}}
/*移动端页面点击*/@media (max-width: 749px){.list-page-filp li:hover a{color: black;}}}
@media (max-width: 360px){.hp-pain-point .point-thumb-list .thumb-item p{font-size: 14px;}
.hp-pain-point .point-list .point-brief-box .brief-list li p{font-size: 13px;}
.page-common-title p{font-size: 13px;color: #888;margin-top: 10px;}
.page-common-title h4{font-size: 22px}
.hp-contact-form .my-form input{font-size: 14px;}
.news-details-page .news-box .news-other-content .keywords-list{margin-top:10px;}
.hp-pain-point .point-list .point-brief-box .description{font-size: 14px;}
.page-banner-box .banner-text{width: 100vw !important;}
.page-banner-box .banner-text h4{font-size: 26px;}
}